|
@@ -1,71 +1,75 @@
|
|
|
-import vue from '@vitejs/plugin-vue';
|
|
|
-import { resolve } from 'path';
|
|
|
-import { defineConfig, loadEnv, ConfigEnv } from 'vite';
|
|
|
-import vueSetupExtend from 'vite-plugin-vue-setup-extend';
|
|
|
-import vueJsx from '@vitejs/plugin-vue-jsx';
|
|
|
+import vue from '@vitejs/plugin-vue'
|
|
|
+import { resolve } from 'path'
|
|
|
+import { defineConfig, loadEnv, ConfigEnv } from 'vite'
|
|
|
+import vueSetupExtend from 'vite-plugin-vue-setup-extend'
|
|
|
+import vueJsx from '@vitejs/plugin-vue-jsx'
|
|
|
const pathResolve = (dir: string) => {
|
|
|
- return resolve(__dirname, '.', dir);
|
|
|
-};
|
|
|
+ return resolve(__dirname, '.', dir)
|
|
|
+}
|
|
|
|
|
|
const alias: Record<string, string> = {
|
|
|
- '/@': pathResolve('./src/'),
|
|
|
- 'vue-i18n': 'vue-i18n/dist/vue-i18n.cjs.js',
|
|
|
-};
|
|
|
+ '/@': pathResolve('./src/'),
|
|
|
+ 'vue-i18n': 'vue-i18n/dist/vue-i18n.cjs.js',
|
|
|
+}
|
|
|
|
|
|
const viteConfig = defineConfig((mode: ConfigEnv) => {
|
|
|
- const env = loadEnv(mode.mode, process.cwd());
|
|
|
- console.log('process.env.VITE_OUTPUT_DIR', env.VITE_OUTPUT_DIR);
|
|
|
- return {
|
|
|
- plugins: [
|
|
|
- vue(),
|
|
|
- vueSetupExtend(),
|
|
|
- vueJsx(),
|
|
|
- ],
|
|
|
- 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: env.VITE_OPEN,
|
|
|
- hmr: true,
|
|
|
- proxy: {
|
|
|
- '/gitee': {
|
|
|
- target: 'https://gitee.com',
|
|
|
- ws: true,
|
|
|
- changeOrigin: true,
|
|
|
- rewrite: (path) => path.replace(/^\/gitee/, ''),
|
|
|
- },
|
|
|
- },
|
|
|
- },
|
|
|
- build: {
|
|
|
- outDir: env.VITE_OUTPUT_DIR,
|
|
|
- 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'],
|
|
|
- },
|
|
|
- },
|
|
|
- },
|
|
|
- sourcemap: true,
|
|
|
- },
|
|
|
- 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),
|
|
|
- },
|
|
|
- };
|
|
|
-});
|
|
|
+ const env = loadEnv(mode.mode, process.cwd())
|
|
|
|
|
|
-export default viteConfig;
|
|
|
+ console.log('process.env.VITE_OUTPUT_DIR', env.VITE_OUTPUT_DIR)
|
|
|
+
|
|
|
+ let config = {
|
|
|
+ plugins: [
|
|
|
+ vue(),
|
|
|
+ vueSetupExtend(),
|
|
|
+ vueJsx(),
|
|
|
+ ],
|
|
|
+ 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: env.VITE_OPEN,
|
|
|
+ hmr: true,
|
|
|
+ proxy: {
|
|
|
+ '/gitee': {
|
|
|
+ target: 'https://gitee.com',
|
|
|
+ ws: true,
|
|
|
+ changeOrigin: true,
|
|
|
+ rewrite: (path) => path.replace(/^\/gitee/, ''),
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ build: {
|
|
|
+ outDir: env.VITE_OUTPUT_DIR,
|
|
|
+ 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'],
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ sourcemap: true,
|
|
|
+ },
|
|
|
+ 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),
|
|
|
+ },
|
|
|
+ }
|
|
|
+
|
|
|
+ return config
|
|
|
+})
|
|
|
+
|
|
|
+export default viteConfig
|