import vue from '@vitejs/plugin-vue';
|
import autoprefixer from 'autoprefixer';
|
import { resolve } from 'path';
|
import tailwindcss from 'tailwindcss';
|
import type { ConfigEnv } from 'vite';
|
import { defineConfig, loadEnv } from 'vite';
|
import { CodeInspectorPlugin } from 'code-inspector-plugin';
|
import { visualizer } from 'rollup-plugin-visualizer';
|
// import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
|
// import AutoImport from 'unplugin-auto-import/vite';
|
// import Components from 'unplugin-vue-components/vite';
|
import viteCompression from 'vite-plugin-compression';
|
import vueSetupExtend from 'vite-plugin-vue-setup-extend-plus';
|
const pathResolve = (dir: string) => {
|
return resolve(__dirname, '.', dir);
|
};
|
|
const alias: Record<string, string> = {
|
'/@': pathResolve('./src/'),
|
'vue-i18n': 'vue-i18n/dist/vue-i18n.cjs.js',
|
};
|
|
const viteConfig = defineConfig((mode: ConfigEnv) => {
|
const env = loadEnv(mode.mode, process.cwd());
|
return {
|
plugins: [
|
CodeInspectorPlugin({
|
bundler: 'vite',
|
hotKeys: ['shiftKey'],
|
}),
|
vue(),
|
vueSetupExtend(),
|
viteCompression({
|
threshold: 1024000,
|
}),
|
// AutoImport({
|
// resolvers: [ElementPlusResolver()],
|
// }),
|
// Components({
|
// resolvers: [ElementPlusResolver()],
|
// }),
|
// rollup-plugin-visualizer 打包分析，开启后，npm run build 自动打开打包后的模块图
|
// visualizer({
|
// gzipSize: true,
|
// brotliSize: true,
|
// emitFile: false,
|
// filename: 'stats.html', //分析图生成的文件名
|
// open: 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', 'element-plus/lib/locale/lang/zh-tw'],
|
},
|
server: {
|
host: '0.0.0.0',
|
port: env.VITE_PORT as unknown as number,
|
open: JSON.parse(env.VITE_OPEN),
|
hmr: true,
|
proxy: {
|
'/events': {
|
target: 'http://localhost:3000',
|
changeOrigin: true
|
}
|
}
|
},
|
build: {
|
// outDir: 'dist/' + mode.mode,
|
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'],
|
// },
|
manualChunks(id) {
|
if (id.includes('node_modules')) {
|
return id.toString().split('node_modules/')[1].split('/')[0].toString();
|
}
|
},
|
},
|
},
|
},
|
css: {
|
preprocessorOptions: { css: { charset: false } },
|
|
postcss: {
|
plugins: [tailwindcss, autoprefixer],
|
},
|
},
|
define: {
|
__VUE_I18N_LEGACY_API__: JSON.stringify(false),
|
__VUE_I18N_FULL_INSTALL__: JSON.stringify(false),
|
__INTLIFY_PROD_DEVTOOLS__: JSON.stringify(false),
|
__NEXT_VERSION__: JSON.stringify(process.env.npm_package_version),
|
__NEXT_NAME__: JSON.stringify(process.env.npm_package_name),
|
},
|
};
|
});
|
|
export default viteConfig;
|
