wip: support vite

vite.config.ts

@@ -1,5 +1,8 @@
-import type { UserConfig, Resolver } from 'vite';
+import type { UserConfig, ConfigEnv } from 'vite';
 import { resolve } from 'path';
+import vue from '@vitejs/plugin-vue';
+import vueJsx from '@vitejs/plugin-vue-jsx';
+import legacy from '@vitejs/plugin-legacy';
 
 import { loadEnv } from 'vite';
 
@@ -7,12 +10,9 @@ import { modifyVars } from './build/config/lessModifyVars';
 import { createProxy } from './build/vite/proxy';
 import { configManualChunk } from './build/vite/optimizer';
 
-import globbyTransform from './build/vite/plugin/transform/globby';
-import dynamicImportTransform from './build/vite/plugin/transform/dynamic-import';
-
 import { wrapperEnv } from './build/utils';
 
-import { createRollupPlugin, createVitePlugins } from './build/vite/plugin';
+import { createVitePlugins } from './build/vite/plugin';
 
 const pkg = require('./package.json');
 
@@ -20,53 +20,43 @@ function pathResolve(dir: string) {
   return resolve(__dirname, '.', dir);
 }
 
-const alias: Record<string, string> = {
-  '/@/': pathResolve('src'),
-};
-
 const root: string = process.cwd();
 
-const resolvers: Resolver[] = [];
-
-export default (mode: 'development' | 'production'): UserConfig => {
+export default ({ command, mode }: ConfigEnv): UserConfig => {
   const env = loadEnv(mode, root);
   const viteEnv = wrapperEnv(env);
-  const {
-    VITE_PORT,
-    VITE_PUBLIC_PATH,
-    VITE_PROXY,
-    VITE_DROP_CONSOLE,
-    VITE_DYNAMIC_IMPORT,
-  } = viteEnv;
+  const { VITE_PORT, VITE_PUBLIC_PATH, VITE_PROXY, VITE_DROP_CONSOLE, VITE_LEGACY } = viteEnv;
+
+  const isBuild = command === 'build';
+
   return {
     root,
-    alias,
-    /**
-     * port
-     * @default '3000'
-     */
-    port: VITE_PORT,
-
-    /**
-     * Base public path when served in production.
-     * @default '/'
-     */
-    base: VITE_PUBLIC_PATH,
-
-    /**
-     * Transpile target for esbuild.
-     * @default 'es2020'
-     */
-    esbuildTarget: 'es2019',
-
-    // terser options
-    terserOptions: {
-      compress: {
-        keep_infinity: true,
-        drop_console: VITE_DROP_CONSOLE,
+    alias: {
+      '/@/': `${pathResolve('src')}/`,
+    },
+    server: {
+      port: VITE_PORT,
+      proxy: createProxy(VITE_PROXY),
+      hmr: {
+        overlay: true,
+      },
+    },
+    build: {
+      base: VITE_PUBLIC_PATH,
+      terserOptions: {
+        compress: {
+          keep_infinity: true,
+          drop_console: VITE_DROP_CONSOLE,
+        },
+      },
+      // minify: 'esbuild',
+      rollupOptions: {
+        output: {
+          compact: true,
+          manualChunks: configManualChunk,
+        },
       },
     },
-
     define: {
       __VERSION__: pkg.version,
       // setting vue-i18-next
@@ -75,50 +65,28 @@ export default (mode: 'development' | 'production'): UserConfig => {
       __VUE_I18N_FULL_INSTALL__: false,
       __INTLIFY_PROD_DEVTOOLS__: false,
     },
-
-    cssPreprocessOptions: {
-      less: {
-        modifyVars: {
-          // reference ： Avoid repeated references
-          hack: `true; @import (reference) "${resolve('src/design/config.less')}";`,
-          ...modifyVars,
+    css: {
+      preprocessorOptions: {
+        less: {
+          modifyVars: {
+            // reference ： Avoid repeated references
+            hack: `true; @import (reference) "${resolve('src/design/config.less')}";`,
+            ...modifyVars,
+          },
+          javascriptEnabled: true,
         },
-        javascriptEnabled: true,
       },
     },
 
-    // The package will be recompiled using rollup, and the new package compiled into the esm module specification will be put into node_modules/.vite_opt_cache
-    optimizeDeps: {
-      include: [
-        'qs',
-        'echarts/map/js/china',
-        'ant-design-vue/es/locale/zh_CN',
-        'ant-design-vue/es/locale/en_US',
-        '@ant-design/icons-vue',
-      ],
-    },
-
-    transforms: [
-      globbyTransform({
-        resolvers: resolvers,
-        root: root,
-        alias: alias,
-        includes: [resolve('src/router'), resolve('src/locales')],
-      }),
-      dynamicImportTransform(VITE_DYNAMIC_IMPORT),
+    plugins: [
+      vue(),
+      vueJsx(),
+      ...(VITE_LEGACY && isBuild ? [legacy()] : []),
+      ...createVitePlugins(viteEnv, isBuild, mode),
     ],
 
-    proxy: createProxy(VITE_PROXY),
-
-    plugins: createVitePlugins(viteEnv, mode),
-
-    rollupInputOptions: {
-      plugins: createRollupPlugin(),
-    },
-
-    rollupOutputOptions: {
-      compact: true,
-      manualChunks: configManualChunk,
+    optimizeDeps: {
+      include: ['ant-design-vue/es/locale/zh_CN', 'ant-design-vue/es/locale/en_US'],
     },
   };
 };