-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathvite.config.js
66 lines (60 loc) · 2.69 KB
/
vite.config.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
const fs = require("fs");
import {
addFavicons,
faviconsOutputDirPath,
faviconsOutputDirFullPath,
htmlBaseName
} from './VCPlaginHtml';
import { VitePWA } from 'vite-plugin-pwa';
//* Если переменная среды ровна 'development', то мы находимся в режиме разработки, а иначе - в режиме продакшн:
const isDev = process.env.NODE_ENV === 'development';
const isProd = !isDev;
console.log(`\n========== РЕЖИМ: ${process.env.NODE_ENV && typeof(process.env.NODE_ENV) === 'string' ? process.env.NODE_ENV.toUpperCase() : process.env.NODE_ENV} ==========\n`);
const htmlPlugin = () => { //* - https://vitejs.dev/guide/api-plugin.html#transformindexhtml.
return {
name: 'html-transform',
async transformIndexHtml(html) {
await addFavicons();
//* Прочитать данные файла "dist/assets/favicons/index.html", который содержит ислючительно только ссылки на файлы, созданные плагином "favicon", и исправить эти ссылки:
let linkTags = fs.readFileSync(`${faviconsOutputDirFullPath}/${htmlBaseName}`, "utf8")
.replace(/href="\//g, `href="${faviconsOutputDirPath}/`)
.replace(/href=".*manifest.webmanifest"/, 'href="/manifest.webmanifest"')
.replace(/content="\//g, `content="${faviconsOutputDirPath}/`);
//* Добавить в файл "dist/index.html" исправленные ссылки на файлы, созданные плагином "favicon":
return html.replace(
/<head>/,
`<head>\n ${linkTags}`,
)
},
}
}
// https://vitejs.dev/config/
export default defineConfig({
mode: process.env.NODE_ENV,
plugins: [
vue(),
vueJsx(),
isProd ? htmlPlugin() : null,
VitePWA({ //* - Все параметры и описание на сайте "https://github.com/vite-pwa/vite-plugin-pwa/blob/main/src/types.ts".
mode: process.env.NODE_ENV,
outDir: 'dist',
filename: 'service-worker.js',
manifestFilename: 'manifest.webmanifest',
strategies: 'generateSW',
injectRegister: null, //* - 'inline' | 'script' | 'auto' | null | false.
registerType: 'prompt', //* - 'prompt' | 'autoUpdate'.
minify: isProd ? true : false,
manifest: false,
selfDestroying: false, //* - Отменить регистрацию сервис-воркера?
}),
],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url))
}
}
});