124 lines
3.1 KiB
TypeScript
124 lines
3.1 KiB
TypeScript
import { resolve } from 'path'
|
|
import { loadEnv } from 'vite'
|
|
import type { UserConfig, ConfigEnv } from 'vite'
|
|
import Vue from '@vitejs/plugin-vue'
|
|
import WindiCSS from 'vite-plugin-windicss'
|
|
import VueJsx from '@vitejs/plugin-vue-jsx'
|
|
import EslintPlugin from 'vite-plugin-eslint'
|
|
import VueI18n from '@intlify/vite-plugin-vue-i18n'
|
|
import Icons from 'unplugin-icons/vite'
|
|
import StyleImport, { ElementPlusResolve } from 'vite-plugin-style-import'
|
|
|
|
// https://vitejs.dev/config/
|
|
const root = process.cwd()
|
|
|
|
function pathResolve(dir: string) {
|
|
return resolve(root, '.', dir)
|
|
}
|
|
|
|
// https://vitejs.dev/config/
|
|
export default ({ command, mode }: ConfigEnv): UserConfig => {
|
|
let env = null
|
|
if (command === 'serve') {
|
|
env = loadEnv(process.argv[3], root)
|
|
}
|
|
else {
|
|
env = loadEnv(mode, root)
|
|
}
|
|
return {
|
|
base: env.VITE_BASE_PATH,
|
|
plugins: [
|
|
Vue(),
|
|
VueJsx(),
|
|
WindiCSS(),
|
|
StyleImport({
|
|
resolves: [ElementPlusResolve()],
|
|
libs: [{
|
|
libraryName: 'element-plus',
|
|
esModule: true,
|
|
resolveStyle: (name) => {
|
|
return `element-plus/es/components/${name.substring(3)}/style/css`
|
|
}
|
|
}]
|
|
}),
|
|
Icons({
|
|
compiler: 'vue3',
|
|
autoInstall: true
|
|
}),
|
|
EslintPlugin({
|
|
cache: false,
|
|
include: ['src/**/*.vue', 'src/**/*.ts', 'src/**/*.tsx'] // 检查的文件
|
|
}),
|
|
VueI18n({
|
|
runtimeOnly: true,
|
|
compositionOnly: true,
|
|
include: [resolve(__dirname, 'src/locales/**')]
|
|
})
|
|
],
|
|
|
|
css: {
|
|
preprocessorOptions: {
|
|
less: {
|
|
additionalData: '@import "./src/styles/variables.module.less";',
|
|
javascriptEnabled: true
|
|
}
|
|
}
|
|
},
|
|
resolve: {
|
|
extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.less', '.css'],
|
|
alias: [
|
|
{
|
|
find: 'vue-i18n',
|
|
replacement: 'vue-i18n/dist/vue-i18n.cjs.js'
|
|
},
|
|
{
|
|
find: /\@\//,
|
|
replacement: `${pathResolve('src')}/`
|
|
}
|
|
]
|
|
},
|
|
build: {
|
|
minify: 'terser',
|
|
outDir: env.VITE_OUT_DIR || 'dist',
|
|
sourcemap: env.VITE_SOURCEMAP === 'true' ? 'inline' : false,
|
|
brotliSize: false,
|
|
terserOptions: {
|
|
compress: {
|
|
drop_debugger: env.VITE_DROP_DEBUGGER === 'true',
|
|
drop_console: env.VITE_DROP_CONSOLE === 'true'
|
|
}
|
|
}
|
|
},
|
|
server: {
|
|
proxy: {
|
|
// 字符串简写写法
|
|
'/foo': 'http://localhost:4567/foo',
|
|
// 选项写法
|
|
'/api': {
|
|
target: 'http://jsonplaceholder.typicode.com',
|
|
changeOrigin: true,
|
|
rewrite: path => path.replace(/^\/api/, '')
|
|
},
|
|
// 正则表达式写法
|
|
'^/fallback/.*': {
|
|
target: 'http://jsonplaceholder.typicode.com',
|
|
changeOrigin: true,
|
|
rewrite: path => path.replace(/^\/fallback/, '')
|
|
}
|
|
},
|
|
hmr: {
|
|
overlay: false
|
|
}
|
|
},
|
|
optimizeDeps: {
|
|
include: [
|
|
'vue',
|
|
'vue-router',
|
|
'vue-types',
|
|
'element-plus/lib/locale/lang/zh-cn',
|
|
'element-plus/lib/locale/lang/en'
|
|
]
|
|
}
|
|
}
|
|
}
|