2021-03-15 12:44:58 +08:00
|
|
|
import vue from '@vitejs/plugin-vue';
|
2023-03-03 14:39:17 +08:00
|
|
|
import { resolve } from 'path';
|
|
|
|
import { defineConfig, loadEnv, ConfigEnv } from 'vite';
|
2022-11-29 22:03:40 +08:00
|
|
|
import vueSetupExtend from 'vite-plugin-vue-setup-extend';
|
2023-02-02 17:56:07 +08:00
|
|
|
// vue3 自动引入
|
2023-03-03 14:39:17 +08:00
|
|
|
import AutoImport from 'unplugin-auto-import/vite';
|
|
|
|
import topLevelAwait from 'vite-plugin-top-level-await';
|
|
|
|
import { svgBuilder } from '/@/components/iconSelector/index';
|
2023-02-02 17:56:07 +08:00
|
|
|
|
2023-02-08 08:47:22 +08:00
|
|
|
// 按需加载
|
2023-03-03 14:39:17 +08:00
|
|
|
import { createStyleImportPlugin, VxeTableResolve } from 'vite-plugin-style-import';
|
|
|
|
import viteCompression from 'vite-plugin-compression';
|
2020-12-21 00:14:57 +08:00
|
|
|
|
2022-12-09 23:55:16 +08:00
|
|
|
const pathResolve = (dir: string) => {
|
2023-03-03 14:39:17 +08:00
|
|
|
return resolve(__dirname, '.', dir);
|
2021-04-01 11:13:38 +08:00
|
|
|
};
|
|
|
|
|
|
|
|
const alias: Record<string, string> = {
|
2023-03-03 14:39:17 +08:00
|
|
|
'/@': pathResolve('./src/'),
|
|
|
|
'vue-i18n': 'vue-i18n/dist/vue-i18n.cjs.js',
|
2021-04-01 11:13:38 +08:00
|
|
|
};
|
|
|
|
|
2022-02-25 23:19:12 +08:00
|
|
|
const viteConfig = defineConfig((mode: ConfigEnv) => {
|
2023-03-03 14:39:17 +08:00
|
|
|
const env = loadEnv(mode.mode, process.cwd());
|
|
|
|
return {
|
|
|
|
plugins: [
|
|
|
|
vue(),
|
|
|
|
svgBuilder('./src/assets/icons/'),
|
|
|
|
vueSetupExtend(),
|
|
|
|
AutoImport({
|
|
|
|
imports: ['vue', 'vue-router', 'pinia'],
|
|
|
|
dts: './auto-imports.d.ts',
|
|
|
|
}),
|
|
|
|
createStyleImportPlugin({
|
|
|
|
resolves: [VxeTableResolve()],
|
|
|
|
}),
|
|
|
|
topLevelAwait({
|
|
|
|
// The export name of top-level await promise for each chunk module
|
|
|
|
promiseExportName: '__tla',
|
|
|
|
// The function to generate import names of top-level await promise in each chunk module
|
|
|
|
promiseImportName: (i) => `__tla_${i}`,
|
|
|
|
}),
|
|
|
|
viteCompression({
|
|
|
|
deleteOriginFile: true,
|
|
|
|
}),
|
|
|
|
],
|
|
|
|
root: process.cwd(),
|
|
|
|
resolve: { alias },
|
|
|
|
base: mode.command === 'serve' ? './' : env.VITE_PUBLIC_PATH,
|
|
|
|
optimizeDeps: {
|
|
|
|
include: ['element-plus/lib/locale/lang/zh-cn', 'element-plus/lib/locale/lang/en'],
|
|
|
|
},
|
|
|
|
server: {
|
|
|
|
host: '0.0.0.0',
|
|
|
|
port: env.VITE_PORT as unknown as number,
|
2023-03-03 16:46:14 +08:00
|
|
|
open: env.VITE_OPEN === 'true',
|
2023-03-03 14:39:17 +08:00
|
|
|
hmr: true,
|
|
|
|
proxy: {
|
|
|
|
'/admin': {
|
|
|
|
target: env.VITE_ADMIN_PROXY_PATH,
|
|
|
|
ws: true,
|
|
|
|
changeOrigin: true,
|
|
|
|
},
|
|
|
|
'/gen': {
|
|
|
|
target: env.VITE_GEN_PROXY_PATH,
|
|
|
|
ws: true,
|
|
|
|
changeOrigin: true,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
build: {
|
|
|
|
outDir: 'dist',
|
|
|
|
chunkSizeWarningLimit: 1500,
|
|
|
|
rollupOptions: {
|
|
|
|
output: {
|
|
|
|
entryFileNames: `assets/[name].[hash].js`,
|
|
|
|
chunkFileNames: `assets/[name].[hash].js`,
|
|
|
|
assetFileNames: `assets/[name].[hash].[ext]`,
|
|
|
|
compact: true,
|
|
|
|
manualChunks: {
|
|
|
|
vue: ['vue', 'vue-router', 'pinia'],
|
|
|
|
echarts: ['echarts'],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
css: { preprocessorOptions: { css: { charset: false } } },
|
|
|
|
define: {
|
|
|
|
__VUE_I18N_LEGACY_API__: JSON.stringify(false),
|
|
|
|
__VUE_I18N_FULL_INSTALL__: JSON.stringify(false),
|
|
|
|
__INTLIFY_PROD_DEVTOOLS__: JSON.stringify(false),
|
|
|
|
__VERSION__: JSON.stringify(process.env.npm_package_version),
|
2023-03-03 17:27:57 +08:00
|
|
|
__NEXT_NAME__: JSON.stringify(process.env.npm_package_name),
|
2023-03-03 14:39:17 +08:00
|
|
|
},
|
|
|
|
};
|
2022-02-21 23:52:59 +08:00
|
|
|
});
|
2022-02-25 23:19:12 +08:00
|
|
|
|
|
|
|
export default viteConfig;
|