grasscutterTools/vite.config.ts

78 lines
2.4 KiB
TypeScript
Raw Normal View History

2022-05-02 10:38:10 +00:00
import { UserConfig, ConfigEnv } from 'vite'
import path from "path";
import { createVitePlugins } from './config/vite/plugins'
import proxy from './config/vite/proxy';
import { VITE_DROP_CONSOLE, VITE_PORT } from './config/constant';
import { generateModifyVars } from './config/themeConfig'
function resovePath(paths: string) {
// 如何 __dirname 找不到 需要 yarn add @types/node --save-dev
return path.resolve(__dirname, paths);
}
// https://vitejs.dev/config/
export default ({ command, mode }: ConfigEnv): UserConfig => {
const isBuild = command === 'build';
console.log(command, mode);
return {
resolve: {
alias: {
"@": path.resolve(__dirname, './src'),
'@config': resovePath('./config'),
"@components": resovePath('./src/components'),
'@utils': resovePath('./src/utils'),
'@api': resovePath('./src/api'),
}
},
2022-05-02 11:08:33 +00:00
base: "./",
2022-05-02 10:38:10 +00:00
// plugins
plugins: createVitePlugins(isBuild),
// css
css: {
preprocessorOptions: {
less: {
modifyVars: generateModifyVars(),
javascriptEnabled: true,
// 这样就能全局使用 src/assets/styles/base.less 定义的 变量
additionalData: `@import "${resovePath('src/assets/styles/base.less')}";`
},
},
},
// server
server: {
hmr: { overlay: false }, // 禁用或配置 HMR 连接 设置 server.hmr.overlay 为 false 可以禁用服务器错误遮罩层
// 服务配置
port: VITE_PORT, // 类型: number 指定服务器端口;
open: false, // 类型: boolean | string在服务器启动时自动在浏览器中打开应用程序
cors: false, // 类型: boolean | CorsOptions 为开发服务器配置 CORS。默认启用并允许任何源
host: '0.0.0.0', // IP配置支持从IP启动
proxy,
},
// build
build: {
target: 'es2015',
terserOptions: {
compress: {
keep_infinity: true,
drop_console: VITE_DROP_CONSOLE,
},
},
rollupOptions: {
// 确保外部化处理那些你不想打包进库的依赖
external: [],
// https://rollupjs.org/guide/en/#big-list-of-options
},
watch: {
// https://rollupjs.org/guide/en/#watch-options
},
// Turning off brotliSize display can slightly reduce packaging time
brotliSize: false,
chunkSizeWarningLimit: 2000,
},
}
};