vite.config.ts
2.39 KB
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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import viteCompression from 'vite-plugin-compression' // TIP gzip压缩
import legacy from '@vitejs/plugin-legacy' // TIP 兼容性
const { resolve } = require('path')
// https://vitejs.dev/config/
export default ({command, mode}) => {
const envConfig = loadEnv(mode, './');
let isOpenSourceMap = mode === 'production'? false: true
return defineConfig({
plugins: [
vue(),
// viteCompression(),
legacy({
targets: ['> 1%, last 2 version, ie >= 11, chrome >= 69'],
additionalLegacyPolyfills: ['regenerator-runtime/runtime'],
polyfills: false
})
],
resolve: {
alias: {
'@': resolve('./src')
},
},
define: {
'process.env': {}
},
server: {
base: envConfig.VITE_BASE_URL,
open: false
},
css: {
postcss: {
plugins: [
// TIP 关打包@charset must be the first rule in the file警告
{
postcssPlugin: 'internal:charset-removal',
AtRule: {
charset: (atRule) => {
if (atRule.name === 'charset') {
atRule.remove();
}
}
}
}
]
},
preprocessorOptions: {
scss: {
// TIP 关打包@charset must be the first rule in the file警告
charset: false,
// TIP 全局使用scss变量
additionalData: '@import "@/style/variable.scss";'
}
}
},
build: {
sourcemap: false,
manifest: false,
target: 'esnext',
outDir: 'dist',
chunkSizeWarningLimit: 600,
rollupOptions: {
output: {
manualChunks(id) {
if (id.includes('node_modules')) {
return id.toString().split('node_modules/')[1].split('/')[0].toString();
}
}
// manualChunks: {
// 'element-plus': ['element-plus'],
// 'vue-router': ['vue-router'],
// 'pinia': ['pinia'],
// 'axios': ['axios'],
// 'vue': ['vue'],
// }
}
},
// TIP 正式环境删除console和debugger
terserOptions: {
compress: {
drop_console: mode === 'production'? true: false,
drop_debugger: mode === 'production'? true: false
}
}
},
})
}