87 lines
2.9 KiB
TypeScript
87 lines
2.9 KiB
TypeScript
import {defineConfig, loadEnv} from 'vite';
|
|
import vue from '@vitejs/plugin-vue';
|
|
import * as path from 'path';
|
|
import Components from 'unplugin-vue-components/vite';
|
|
import {AntDesignVueResolver} from 'unplugin-vue-components/resolvers';
|
|
|
|
|
|
export default defineConfig(({mode}: { mode: string }): object => {
|
|
const env: Record<string, string> = loadEnv(mode, process.cwd());
|
|
return {
|
|
publicDir: 'public',
|
|
base: '/',
|
|
resolve: {
|
|
//设置别名
|
|
alias: {
|
|
'@': path.resolve(__dirname, 'src')
|
|
}
|
|
},
|
|
worker: {
|
|
format: 'es'
|
|
},
|
|
plugins: [
|
|
vue(),
|
|
Components({
|
|
dts: true,
|
|
dirs: ['src/components', 'src/views'],
|
|
resolvers: [
|
|
AntDesignVueResolver({
|
|
importStyle: false,
|
|
resolveIcons: true
|
|
}),
|
|
],
|
|
}),
|
|
],
|
|
css: {
|
|
preprocessorOptions: {
|
|
scss: {
|
|
api: "modern-compiler",
|
|
javascriptEnabled: true,
|
|
additionalData: `@use "@/assets/styles/index.scss";`
|
|
},
|
|
less: {
|
|
javascriptEnabled: true,
|
|
},
|
|
},
|
|
},
|
|
|
|
esbuild: {
|
|
drop: env.VITE_NODE_ENV === 'production' ? ['console', 'debugger'] : [],
|
|
},
|
|
build: {
|
|
outDir: "dist", // 指定输出路径
|
|
assetsDir: "assets", // 指定生成静态文件目录
|
|
assetsInlineLimit: "4096", // 小于此阈值的导入或引用资源将内联为 base64 编码
|
|
cssCodeSplit: true, // 启用 CSS 代码拆分
|
|
sourcemap: false, // 构建后是否生成 source map 文件
|
|
minify: "esbuild", // 指定使用哪种混淆器
|
|
write: true, // 启用将构建后的文件写入磁盘
|
|
emptyOutDir: true, // 构建时清空该目录
|
|
brotliSize: true, // 启用 brotli 压缩大小报告
|
|
chunkSizeWarningLimit: 15000, // chunk 大小警告的限制
|
|
watch: null, // 设置为 {} 则会启用 rollup 的监听器
|
|
rollupOptions: { // 自定义底层的 Rollup 打包配置
|
|
output: {
|
|
format: 'es',
|
|
chunkFileNames: 'js/[name]-[hash].js', // 引入文件名的名称
|
|
entryFileNames: 'js/[name]-[hash].js', // 包的入口文件名称
|
|
assetFileNames: '[ext]/[name]-[hash].[ext]',// 资源文件像 字体，图片等
|
|
},
|
|
}
|
|
},
|
|
server: {
|
|
proxy: env.VITE_NODE_ENV === 'development' ? {} : {
|
|
[env.VITE_APP_BASE_API]: {
|
|
//后端接口的baseurl
|
|
target: env.VITE_API_BASE_URL,
|
|
//是否允许跨域
|
|
changeOrigin: true,
|
|
rewrite: (path: string) => path.replace(RegExp(`^${env.VITE_APP_BASE_API}`), ""),
|
|
},
|
|
},
|
|
},
|
|
};
|
|
}
|
|
)
|
|
;
|