57 lines
1.7 KiB
TypeScript
57 lines
1.7 KiB
TypeScript
import {defineConfig, loadEnv} from 'vite'
|
||
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
|
||
import vue from '@vitejs/plugin-vue'
|
||
import path from 'path'
|
||
|
||
|
||
// https://vitejs.dev/config/
|
||
export default defineConfig((config) => {
|
||
// 根据当前工作目录中的 `mode` 加载 .env 文件
|
||
// 设置第三个参数为 '' 来加载所有环境变量，而不管是否有 `VITE_` 前缀。
|
||
const {command, mode} = config
|
||
const env = loadEnv(mode, process.cwd(), '')
|
||
return {
|
||
plugins: [
|
||
vue(),
|
||
// svg图标配置，可以使用svg图标
|
||
createSvgIconsPlugin({
|
||
iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
|
||
symbolId: 'icon-[dir]-[name]',
|
||
}),
|
||
],
|
||
// 基础配置
|
||
base: './',
|
||
publicDir: 'public',
|
||
resolve: {
|
||
alias: {
|
||
'@': path.resolve(__dirname, 'src'),
|
||
},
|
||
},
|
||
css: {
|
||
preprocessorOptions: {
|
||
less: {
|
||
modifyVars: {
|
||
'@border-color-base': '#dce3e8',
|
||
},
|
||
javascriptEnabled: true,
|
||
},
|
||
},
|
||
},
|
||
build: {
|
||
outDir: 'dist',
|
||
assetsDir: 'assets',
|
||
assetsInlineLimit: 4096,
|
||
cssCodeSplit: true,
|
||
sourcemap: false,
|
||
minify: 'terser',
|
||
terserOptions: {
|
||
compress: {
|
||
// 生产环境去除console及debug
|
||
drop_console: false,
|
||
drop_debugger: true,
|
||
},
|
||
},
|
||
},
|
||
}
|
||
})
|