105 lines
3.0 KiB
TypeScript
105 lines
3.0 KiB
TypeScript
|
import { resolve } from 'path'
|
|||
|
|
import { loadEnv } from 'vite'
|
|||
|
|
import type { UserConfig, ConfigEnv } from 'vite'
|
|||
|
|
import { createVitePlugins } from './build/vite'
|
|||
|
|
import { include, exclude, esbuildOptions } from "./build/vite/optimize"
|
|||
|
|
// 当前执行node命令时文件夹的地址(工作目录)
|
|||
|
|
const root = process.cwd()
|
|||
|
|
|
|||
|
|
// 路径查找
|
|||
|
|
function pathResolve(dir: string) {
|
|||
|
|
return resolve(root, '.', dir)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// https://vitejs.dev/config/
|
|||
|
|
export default ({ command, mode }: ConfigEnv): UserConfig => {
|
|||
|
|
let env = {} as any
|
|||
|
|
const isBuild = command === 'build'
|
|||
|
|
if (!isBuild) {
|
|||
|
|
env = loadEnv((process.argv[3] === '--mode' ? process.argv[4] : process.argv[3]), root)
|
|||
|
|
} else {
|
|||
|
|
env = loadEnv(mode, root)
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
base: env.VITE_BASE_PATH,
|
|||
|
|
root: root,
|
|||
|
|
// 服务端渲染
|
|||
|
|
server: {
|
|||
|
|
// 端口号
|
|||
|
|
port: env.VITE_PORT,
|
|||
|
|
host: "0.0.0.0",
|
|||
|
|
open: env.VITE_OPEN === 'true',
|
|||
|
|
// 本地跨域代理. 目前注释的原因：暂时没有用途，server 端已经支持跨域
|
|||
|
|
// proxy: {
|
|||
|
|
// ['/admin-api']: {
|
|||
|
|
// target: env.VITE_BASE_URL,
|
|||
|
|
// ws: false,
|
|||
|
|
// changeOrigin: true,
|
|||
|
|
// rewrite: (path) => path.replace(new RegExp(`^/admin-api`), ''),
|
|||
|
|
// },
|
|||
|
|
// },
|
|||
|
|
},
|
|||
|
|
// 项目使用的vite插件。 单独提取到build/vite/plugin中管理
|
|||
|
|
plugins: createVitePlugins(),
|
|||
|
|
css: {
|
|||
|
|
preprocessorOptions: {
|
|||
|
|
scss: {
|
|||
|
|
additionalData: '@use "@/styles/variables.scss" as *;',
|
|||
|
|
javascriptEnabled: true
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
resolve: {
|
|||
|
|
extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.scss', '.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'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
rollupOptions: {
|
|||
|
|
external: [
|
|||
|
|
'vue',
|
|||
|
|
'@smallwei/avue',
|
|||
|
|
'vxe-table',
|
|||
|
|
'vxe-pc-ui',
|
|||
|
|
'echarts',
|
|||
|
|
'echarts-wordcloud',
|
|||
|
|
'sass',
|
|||
|
|
'highlight.js',
|
|||
|
|
],
|
|||
|
|
output: {
|
|||
|
|
chunkFileNames: 'static/js/[name]-[hash].js',
|
|||
|
|
entryFileNames: 'static/js/[name]-[hash].js',
|
|||
|
|
assetFileNames: 'static/[ext]/[name]-[hash].[ext]',
|
|||
|
|
// manualChunks: {
|
|||
|
|
// 'monaco-editor': ['monaco-editor'],
|
|||
|
|
// }
|
|||
|
|
},
|
|||
|
|
treeshake: {
|
|||
|
|
propertyReadSideEffects: 'always',
|
|||
|
|
moduleSideEffects: true
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
cacheDir: 'node_modules/.vite',
|
|||
|
|
optimizeDeps: { include, exclude, esbuildOptions, force: false }
|
|||
|
|
}
|
|||
|
|
}
|