feat: auto import route

.env.development

@@ -4,11 +4,14 @@ VITE_USE_MOCK = true
 # public path
 VITE_PUBLIC_PATH = /
 
+# Cross-domain proxy, you can configure multiple
+VITE_PROXY=[["/api","http://localhost:3000"]]
+
+# Delete console
+VITE_DROP_CONSOLE = false
+
 # Basic interface address SPA
 VITE_GLOB_API_URL=/api
 
 # Interface prefix
 VITE_GLOB_API_URL_PREFIX=
-
-# Cross-domain proxy, you can configure multiple
-VITE_PROXY=[["/api","http://localhost:3000"]]

.env.production

@@ -4,12 +4,17 @@ VITE_USE_MOCK = true
 # public path
 VITE_PUBLIC_PATH = ./
 
+# Delete console
+VITE_DROP_CONSOLE = true
+
+# Delete console
+VITE_BUILD_GZIP = false
+
 # Basic interface address SPA
 VITE_GLOB_API_URL=/api
 
 # Interface prefix
 VITE_GLOB_API_URL_PREFIX=
 
-
 # TODO use Cdn
 VITE_USE_CDN = true

CHANGELOG.zh_CN.md

+# wip
+
+### ✨ Features
+
+- 打包可以配置输出`gizp`
+- 打包可以配置删除`console`
+- 路由及菜单不需要在手动引入，改为自动引入
+
+### 🎫 Chores
+
+- 升级 vue 到`3.0.1`
+- 将`vite`版本改为每日构建版本
+
+### 🐛 Bug Fixes
+
+- 修复菜单报错
+- 修复表格自适应高度问题
+- 修复`window系统`执行 script 报错问题
+
+### ⚡ Performance Improvements
+
+- 删除菜单最小化背景
+- 阻止页面刷新重新渲染菜单
+- 其他一些细节优化
+
 # 2.0.0-rc.1 (2020-10-14)
 
 ### ✨ Features

README.en-US.md

@@ -92,7 +92,6 @@ The documentation for 2.0 hasn't started yet, it will be provided later.
 - [vite-plugin-mock](https://github.com/anncwb/vite-plugin-mock) - Mock plugin base on vite
 - [vue-i18n](https://github.com/intlify/vue-i18n-next) - Internationalization
 - [lodash-es](https://github.com/lodash/lodash) - JavaScript utility library
-- [moment](https://github.com/moment/moment) - Time operation library
 - [axios](https://github.com/axios/axios) - Http data interaction
 - [TypeScript](https://www.typescriptlang.org/)
 
@@ -225,6 +224,7 @@ yarn clean:lib # Delete node_modules, supported window
 - [x] Digital animation
 - [x] First screen loading waiting animation
 - [x] Extract the production environment profile
+- [x] Build Gzip
 
 ## Developing features
 
@@ -234,7 +234,6 @@ yarn clean:lib # Delete node_modules, supported window
 - [ ] Global error handling
 - [ ] Theme configuration
 - [ ] Dark theme
-- [ ] Build Gzip
 - [ ] Build CDN
 - [ ] System performance optimization
 
@@ -246,6 +245,8 @@ It is recommended to use the `Chrome` browser for local development. Development
 
 Support modern browsers, Not currently supported ie11，Follow-up consideration support ie11
 
-| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
-| :-: | :-: | :-: | :-: |
-| Not currently supported | last 2 versions | last 2 versions | last 2 versions |
+| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
+| :-: | :-: | :-: | :-: | :-: |
+| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
+
+More browsers can view [Can I Use Es Module](https://caniuse.com/?search=ES%20Module)

README.md

@@ -35,10 +35,6 @@
 
 ## 介绍
 
-该分支为 2.0 新分支，使用 vue3 进行开发。
-
-1.0 分支请切换到`master`分支。1.0 采用`vue2.6`+`vue-composition-api`+`vue-cli`开发
-
 项目基于`ant-design-vue`,`typescript`,`vue3.0`,`vite`,`tsx`实现的 vue3 风格的后台管理系统，
 
 ## gitHub 地址
@@ -65,7 +61,7 @@
 
 ## 文档
 
-2.0 文档还没开始写。后续补上。
+2.0 文档很快完成，请耐心等待。
 
 ## 预安装
 
@@ -93,7 +89,6 @@
 - [vite-plugin-mock](https://github.com/anncwb/vite-plugin-mock) - 基于 vite 的 mock 插件.
 - [vue-i18n](https://github.com/intlify/vue-i18n-next) - 国际化
 - [lodash-es](https://github.com/lodash/lodash) - JavaScript 实用程序库
-- [moment](https://github.com/moment/moment) - 时间操作库
 - [axios](https://github.com/axios/axios) - Http 数据交互
 - [TypeScript](https://www.typescriptlang.org/)
 
@@ -227,6 +222,7 @@ yarn clean:lib # 删除node_modules，兼容window系统
 - [x] 数字动画
 - [x] 首屏加载等待动画
 - [x] 抽取生产环境配置文件
+- [x] 打包 Gzip
 
 ## 正在开发的功能
 
@@ -236,7 +232,6 @@ yarn clean:lib # 删除node_modules，兼容window系统
 - [ ] 全局错误处理
 - [ ] 主题配置
 - [ ] 黑暗主题
-- [ ] 打包 Gzip
 - [ ] 打包 CDN
 - [ ] 系统性能优化
 
@@ -248,9 +243,11 @@ yarn clean:lib # 删除node_modules，兼容window系统
 
 支持现代浏览器, IE 暂不支持，后续考虑支持 ie11
 
-| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
-| :-: | :-: | :-: | :-: |
-| not support | last 2 versions | last 2 versions | last 2 versions |
+| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
+| :-: | :-: | :-: | :-: | :-: |
+| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
+
+更多浏览器可以查看 [Can I Use Es Module](https://caniuse.com/?search=ES%20Module)
 
 ## 加入我们
 

build/gzip/index.ts

-// Build gzip after packaging
-// import { readFile, writeFile } from 'fs';
-import viteConfig from '../../vite.config';
-import {
-  // basename,
-  join,
-} from 'path';
-// import { promisify } from 'util';
-// import { gzip, ZlibOptions } from 'zlib';
-import { readAllFile } from '../utils';
-
-// const readFilePromise = promisify(readFile);
-// const writeFilePromise = promisify(writeFile);
-
-// function createGzip() {}
-
-const FILE_REG = /\.(js|mjs|json|css|html)$/;
-
-const OUT_DIR = viteConfig.outDir || 'dist';
-
-// TODO 待开发
-const files = readAllFile(join(process.cwd(), OUT_DIR), FILE_REG);

build/plugin/gzip/compress.ts

+import { gzip } from 'zlib';
+import { readFileSync, writeFileSync } from 'fs';
+import { GzipPluginOptions } from './types';
+import viteConfig from '../../vite.config';
+import { readAllFile, getCwdPath, isBuildGzip, isSiteMode } from '../utils';
+
+export function startGzip(
+  fileContent: string | Buffer,
+  options: GzipPluginOptions = {}
+): Promise<Buffer> {
+  return new Promise((resolve, reject) => {
+    gzip(fileContent, options.gzipOptions || {}, (err, result) => {
+      if (err) {
+        reject(err);
+      } else {
+        resolve(result);
+      }
+    });
+  });
+}
+
+// 手动压缩css
+export async function startGzipStyle() {
+  if (isBuildGzip() || isSiteMode()) {
+    const outDir = viteConfig.outDir || 'dist';
+    const assets = viteConfig.assetsDir || '_assets';
+    const allCssFile = readAllFile(getCwdPath(outDir, assets), /\.(css)$/);
+    for (const path of allCssFile) {
+      const source = readFileSync(path);
+      const content = await startGzip(source);
+      const ds = path.split('/');
+      const fileName = ds[ds.length - 1];
+      writeFileSync(getCwdPath(outDir, assets, `${fileName}.gz`), content);
+    }
+  }
+}

build/plugin/gzip/index.ts

+// 修改自https://github.com/kryops/rollup-plugin-gzip
+// 因为rollup-plugin-gzip不支持vite
+// vite对css打包独立的。所以不能在打包的时候顺带打包css
+
+import { readFile, writeFile } from 'fs';
+import { basename } from 'path';
+import { promisify } from 'util';
+import { gzip } from 'zlib';
+
+import { OutputAsset, OutputChunk, OutputOptions, Plugin } from 'rollup';
+import { GzipPluginOptions } from './types';
+
+const isFunction = (arg: unknown): arg is (...args: any[]) => any => typeof arg === 'function';
+const isRegExp = (arg: unknown): arg is RegExp =>
+  Object.prototype.toString.call(arg) === '[object RegExp]';
+
+export type StringMappingOption = (originalString: string) => string;
+export type CustomCompressionOption = (
+  content: string | Buffer
+) => string | Buffer | Promise<string | Buffer>;
+
+const readFilePromise = promisify(readFile);
+const writeFilePromise = promisify(writeFile);
+
+// functionality partially copied from rollup
+
+/**
+ * copied from https://github.com/rollup/rollup/blob/master/src/rollup/index.ts#L450
+ */
+function isOutputChunk(file: OutputAsset | OutputChunk): file is OutputChunk {
+  return typeof (file as OutputChunk).code === 'string';
+}
+
+/**
+ * Gets the string/buffer content from a file object.
+ * Important for adding source map comments
+ *
+ * Copied partially from rollup.writeOutputFile
+ * https://github.com/rollup/rollup/blob/master/src/rollup/index.ts#L454
+ */
+function getOutputFileContent(
+  outputFileName: string,
+  outputFile: OutputAsset | OutputChunk,
+  outputOptions: OutputOptions
+): string | Buffer {
+  if (isOutputChunk(outputFile)) {
+    let source: string | Buffer;
+    source = outputFile.code;
+    if (outputOptions.sourcemap && outputFile.map) {
+      const url =
+        outputOptions.sourcemap === 'inline'
+          ? outputFile.map.toUrl()
+          : `${basename(outputFileName)}.map`;
+
+      // https://github.com/rollup/rollup/blob/master/src/utils/sourceMappingURL.ts#L1
+      source += `//# source` + `MappingURL=${url}\n`;
+    }
+    return source;
+  } else {
+    return typeof outputFile.source === 'string'
+      ? outputFile.source
+      : // just to be sure, as it is typed string | Uint8Array in rollup 2.0.0
+        Buffer.from(outputFile.source);
+  }
+}
+
+// actual plugin code
+
+function gzipPlugin(options: GzipPluginOptions = {}): Plugin {
+  // check for old options
+  if ('algorithm' in options) {
+    console.warn(
+      '[rollup-plugin-gzip] The "algorithm" option is not supported any more! ' +
+        'Use "customCompression" instead to specify a different compression algorithm.'
+    );
+  }
+  if ('options' in options) {
+    console.warn('[rollup-plugin-gzip] The "options" option was renamed to "gzipOptions"!');
+  }
+  if ('additional' in options) {
+    console.warn('[rollup-plugin-gzip] The "additional" option was renamed to "additionalFiles"!');
+  }
+  if ('delay' in options) {
+    console.warn('[rollup-plugin-gzip] The "delay" option was renamed to "additionalFilesDelay"!');
+  }
+
+  const compressGzip: CustomCompressionOption = (fileContent) => {
+    return new Promise((resolve, reject) => {
+      gzip(fileContent, options.gzipOptions || {}, (err, result) => {
+        if (err) {
+          reject(err);
+        } else {
+          resolve(result);
+        }
+      });
+    });
+  };
+
+  const doCompress = options.customCompression || compressGzip;
+
+  const mapFileName: StringMappingOption = isFunction(options.fileName)
+    ? (options.fileName as StringMappingOption)
+    : (fileName: string) => fileName + (options.fileName || '.gz');
+
+  const plugin: Plugin = {
+    name: 'gzip',
+
+    generateBundle(outputOptions, bundle) {
+      return Promise.all(
+        Object.keys(bundle)
+          .map((fileName) => {
+            const fileEntry = bundle[fileName];
+
+            // file name filter option check
+
+            const fileNameFilter = options.filter || /\.(js|mjs|json|css|html)$/;
+
+            if (isRegExp(fileNameFilter) && !fileName.match(fileNameFilter)) {
+              return Promise.resolve();
+            }
+
+            if (
+              isFunction(fileNameFilter) &&
+              !(fileNameFilter as (x: string) => boolean)(fileName)
+            ) {
+              return Promise.resolve();
+            }
+
+            const fileContent = getOutputFileContent(fileName, fileEntry, outputOptions);
+
+            // minSize option check
+            if (options.minSize && options.minSize > fileContent.length) {
+              return Promise.resolve();
+            }
+
+            return Promise.resolve(doCompress(fileContent))
+              .then((compressedContent) => {
+                const compressedFileName = mapFileName(fileName);
+                bundle[compressedFileName] = {
+                  type: 'asset', // Rollup >= 1.21
+                  name: compressedFileName,
+                  fileName: compressedFileName,
+                  isAsset: true, // Rollup < 1.21
+                  source: compressedContent,
+                };
+              })
+              .catch((err: any) => {
+                console.error(err);
+                return Promise.reject('[rollup-plugin-gzip] Error compressing file ' + fileName);
+              });
+          })
+          .concat([
+            (() => {
+              if (!options.additionalFiles || !options.additionalFiles.length)
+                return Promise.resolve();
+
+              const compressAdditionalFiles = () =>
+                Promise.all(
+                  options.additionalFiles!.map((filePath) =>
+                    readFilePromise(filePath)
+                      .then((fileContent) => doCompress(fileContent))
+                      .then((compressedContent) => {
+                        return writeFilePromise(mapFileName(filePath), compressedContent);
+                      })
+                      .catch(() => {
+                        return Promise.reject(
+                          '[rollup-plugin-gzip] Error compressing additional file ' +
+                            filePath +
+                            '. Please check the spelling of your configured additionalFiles. ' +
+                            'You might also have to increase the value of the additionalFilesDelay option.'
+                        );
+                      })
+                  )
+                ) as Promise<any>;
+
+              // additional files can be processed outside of rollup after a delay
+              // for older plugins or plugins that write to disk (curcumventing rollup) without awaiting
+              const additionalFilesDelay = options.additionalFilesDelay || 0;
+
+              if (additionalFilesDelay) {
+                setTimeout(compressAdditionalFiles, additionalFilesDelay);
+                return Promise.resolve();
+              } else {
+                return compressAdditionalFiles();
+              }
+            })(),
+          ])
+      ) as Promise<any>;
+    },
+  };
+
+  return plugin;
+}
+
+export default gzipPlugin;

build/plugin/vite-plugin-context-plugin/transform.ts

@@ -49,8 +49,9 @@ const globbyTransform = function (config: SharedConfig): Transform {
       let result = cache.get(path);
       if (!result) {
         const reg = /import\s+([\w\s{}*]+)\s+from\s+(['"])globby(\?path)?!([^'"]+)\2/g;
-        const lastImport = urlMap.get(path);
         const match = code.match(reg);
+        if (!match) return code;
+        const lastImport = urlMap.get(path);
         if (lastImport && match) {
           code = code.replace(lastImport, match[0]);
         }

build/script/build.ts

@@ -6,6 +6,7 @@ import { argv } from 'yargs';
 import { runBuildConfig } from './buildConf';
 import { runUpdateHtml } from './updateHtml';
 import { errorConsole, successConsole } from '../utils';
+import { startGzipStyle } from '../plugin/gzip/compress';
 
 export const runBuild = async () => {
   try {
@@ -22,6 +23,7 @@ export const runBuild = async () => {
       await runBuildConfig();
     }
     await runUpdateHtml();
+    await startGzipStyle();
     successConsole('Vite Build successfully!');
   } catch (error) {
     errorConsole('Vite Build Error\n' + error);

build/script/preview.ts

 import chalk from 'chalk';
 import Koa from 'koa';
 import inquirer from 'inquirer';
-import { sh } from 'tasksfile';
 import staticServer from 'koa-static';
 import portfinder from 'portfinder';
 import { resolve } from 'path';
 import viteConfig from '../../vite.config';
 import { getIPAddress } from '../utils';
+import { runBuild } from './build';
 
 const BUILD = 1;
 const NO_BUILD = 2;
@@ -53,10 +53,7 @@ export const runPreview = async () => {
   });
   const { type } = await prompt;
   if (type === BUILD) {
-    await sh('npm run build', {
-      async: true,
-      nopipe: true,
-    });
+    runBuild();
   }
   startApp();
 };

build/utils.ts

@@ -70,6 +70,12 @@ export function isProdFn(): boolean {
 export function isReportMode(): boolean {
   return process.env.REPORT === 'true';
 }
+export function isBuildGzip(): boolean {
+  return process.env.VITE_BUILD_GZIP === 'true';
+}
+export function isSiteMode(): boolean {
+  return process.env.SITE === 'true';
+}
 
 export interface ViteEnv {
   VITE_PORT: number;
@@ -78,6 +84,8 @@ export interface ViteEnv {
   VITE_PROXY: [string, string][];
   VITE_GLOB_APP_TITLE: string;
   VITE_USE_CDN: boolean;
+  VITE_DROP_CONSOLE: boolean;
+  VITE_BUILD_GZIP: boolean;
 }
 
 export function loadEnv(): ViteEnv {

package.json

@@ -91,7 +91,7 @@
     "tasksfile": "^5.1.1",
     "ts-node": "^9.0.0",
     "typescript": "^4.0.3",
-    "vite": "^1.0.0-rc.4",
+    "vite": "npm:@knightly/vite",
     "vite-plugin-mock": "^1.0.2",
     "vite-plugin-purge-icons": "^0.4.4",
     "vue-eslint-parser": "^7.1.1",

src/components/Menu/src/BasicMenu.tsx

@@ -91,7 +91,7 @@ export default defineComponent({
     });
 
     watch(
-      () => currentRoute.value.path,
+      () => currentRoute.value.name,
       (name: string) => {
         name !== 'Redirect' && handleMenuChange();
         getParentPath();

src/components/Transition/src/ExpandTransition.ts

@@ -48,7 +48,9 @@ export default function (expandedParentClass = '', x = false) {
       if (expandedParentClass && el._parent) {
         el._parent.classList.add(expandedParentClass);
       }
-
+      console.log('======================');
+      console.log(sizeProperty, offset);
+      console.log('======================');
       requestAnimationFrame(() => {
         el.style[sizeProperty] = offset;
       });

src/router/menus/index.ts

-import type { Menu } from '/@/router/types';
+import type { Menu, MenuModule } from '/@/router/types';
 import type { RouteRecordNormalized } from 'vue-router';
 import { appStore } from '/@/store/modules/app';
 import { permissionStore } from '/@/store/modules/permission';
@@ -7,35 +7,40 @@ import { filter } from '/@/utils/helper/treeHelper';
 import router from '/@/router';
 import { PermissionModeEnum } from '/@/enums/appEnum';
 import { pathToRegexp } from 'path-to-regexp';
+import modules from 'globby!/@/router/menus/modules/**/*.@(ts)';
 
 // ===========================
 // ==========module import====
 // ===========================
-import dashboard from './modules/dashboard';
-
-import exceptionDemo from './modules/demo/exception';
-import iframeDemo from './modules/demo/iframe';
-import compDemo from './modules/demo/comp';
-import permissionDemo from './modules/demo/permission';
-import featDemo from './modules/demo/feat';
-import chartsDemo from './modules/demo/charts';
-import tableDemo from './modules/demo/table';
-import formDemo from './modules/demo/form';
-import treeDemo from './modules/demo/tree';
-
-const menuModules = [
-  dashboard,
-  featDemo,
-  exceptionDemo,
-  iframeDemo,
-  compDemo,
-  permissionDemo,
-  chartsDemo,
-  tableDemo,
-  formDemo,
-  treeDemo,
+// import dashboard from './modules/dashboard';
+
+// import exceptionDemo from './modules/demo/exception';
+// import iframeDemo from './modules/demo/iframe';
+// import compDemo from './modules/demo/comp';
+// import permissionDemo from './modules/demo/permission';
+// import featDemo from './modules/demo/feat';
+// import chartsDemo from './modules/demo/charts';
+// import tableDemo from './modules/demo/table';
+// import formDemo from './modules/demo/form';
+// import treeDemo from './modules/demo/tree';
+
+const menuModules: MenuModule[] = [
+  // dashboard,
+  // featDemo,
+  // exceptionDemo,
+  // iframeDemo,
+  // compDemo,
+  // permissionDemo,
+  // chartsDemo,
+  // tableDemo,
+  // formDemo,
+  // treeDemo,
 ];
 
+Object.keys(modules).forEach((key) => {
+  menuModules.push(modules[key]);
+});
+
 // ===========================
 // ==========Helper===========
 // ===========================

src/router/routes/index.ts

@@ -2,33 +2,37 @@ import type { AppRouteRecordRaw, AppRouteModule } from '/@/router/types';
 
 import { DEFAULT_LAYOUT_COMPONENT, PAGE_NOT_FOUND_ROUTE, REDIRECT_ROUTE } from '../constant';
 import { genRouteModule } from '/@/utils/helper/routeHelper';
+import modules from 'globby!/@/router/routes/modules/**/*.@(ts)';
 
-import dashboard from './modules/dashboard';
-
+// import dashboard from './modules/dashboard';
 // demo
-import exceptionDemo from './modules/demo/exception';
-import iframeDemo from './modules/demo/iframe';
-import compDemo from './modules/demo/comp';
-import permissionDemo from './modules/demo/permission';
-import featDemo from './modules/demo/feat';
-import chartsDemo from './modules/demo/charts';
-import tableDemo from './modules/demo/table';
-import formDemo from './modules/demo/form';
-import treeDemo from './modules/demo/tree';
+// import exceptionDemo from './modules/demo/exception';
+// import iframeDemo from './modules/demo/iframe';
+// import compDemo from './modules/demo/comp';
+// import permissionDemo from './modules/demo/permission';
+// import featDemo from './modules/demo/feat';
+// import chartsDemo from './modules/demo/charts';
+// import tableDemo from './modules/demo/table';
+// import formDemo from './modules/demo/form';
+// import treeDemo from './modules/demo/tree';
 
 const routeModuleList: AppRouteModule[] = [
-  exceptionDemo,
-  dashboard,
-  iframeDemo,
-  compDemo,
-  featDemo,
-  permissionDemo,
-  chartsDemo,
-  tableDemo,
-  formDemo,
-  treeDemo,
+  // exceptionDemo,
+  // dashboard,
+  // iframeDemo,
+  // compDemo,
+  // featDemo,
+  // permissionDemo,
+  // chartsDemo,
+  // tableDemo,
+  // formDemo,
+  // treeDemo,
 ];
 
+Object.keys(modules).forEach((key) => {
+  routeModuleList.push(modules[key]);
+});
+
 export const asyncRoutes = [
   REDIRECT_ROUTE,
   PAGE_NOT_FOUND_ROUTE,

vite.config.ts

@@ -12,8 +12,10 @@ import {
 import { createProxy } from './build/config/vite/proxy';
 import { createMockServer } from 'vite-plugin-mock';
 import PurgeIcons from 'vite-plugin-purge-icons';
+import gzipPlugin from './build/plugin/gzip/index';
+import globbyTransform from './build/plugin/vite-plugin-context-plugin/transform';
 
-import { isDevFn, isReportMode, isProdFn, loadEnv } from './build/utils';
+import { isDevFn, isReportMode, isProdFn, loadEnv, isBuildGzip, isSiteMode } from './build/utils';
 const pkg = require('./package.json');
 
 const {
@@ -22,6 +24,7 @@ const {
   VITE_PUBLIC_PATH,
   VITE_PROXY,
   VITE_GLOB_APP_TITLE,
+  VITE_DROP_CONSOLE,
   // VITE_USE_CDN,
 } = loadEnv();
 
@@ -33,12 +36,18 @@ const rollupPlugins: any[] = [];
 const vitePlugins: VitePlugin[] = [];
 
 (() => {
-  if (isReportMode() && isProdFn()) {
-    // report
-    rollupPlugins.push(
-      visualizer({ filename: './node_modules/.cache/stats.html', open: true }) as Plugin
-    );
+  if (isProdFn()) {
+    if (isReportMode()) {
+      // report
+      rollupPlugins.push(
+        visualizer({ filename: './node_modules/.cache/stats.html', open: true }) as Plugin
+      );
+    }
+    if (isBuildGzip() || isSiteMode()) {
+      rollupPlugins.push(gzipPlugin());
+    }
   }
+
   if (isDevFn() && VITE_USE_MOCK) {
     // open mock
     vitePlugins.push(
@@ -99,14 +108,21 @@ const viteConfig: UserConfig = {
   assetsInlineLimit: 4096,
   /**
    * esbuild转换目标。
-   * @default 'es2019'
+   * @default 'es2020'
    */
-  esbuildTarget: 'es2019',
+  esbuildTarget: 'es2020',
   silent: false,
   // 别名
   alias: {
     '/@/': pathResolve('src'),
   },
+  // terser配置
+  terserOption: {
+    compress: {
+      // 是否删除console
+      drop_console: VITE_DROP_CONSOLE,
+    },
+  },
   define: {
     __VERSION__: pkg.version,
   },
@@ -128,6 +144,7 @@ const viteConfig: UserConfig = {
       'moment/locale/zh-cn',
     ],
   },
+
   // 本地跨域代理
   proxy: createProxy(VITE_PROXY),
 
@@ -140,8 +157,6 @@ const viteConfig: UserConfig = {
   },
 };
 
-// 用于打包部署站点使用。实际项目可以删除
-const isSite = process.env.SITE === 'true';
 // 扩展配置, 往打包后的html注入内容
 // 只针对生产环境
 // TODO 目前只是简单手动注入实现，后续vite应该会提供配置项
@@ -164,7 +179,8 @@ export const htmlConfig: {
   // html title
   title: VITE_GLOB_APP_TITLE,
   // 百度统计，不需要可以删除
-  addHm: isSite,
+  // 用于打包部署站点使用。实际项目可以删除
+  addHm: isSiteMode(),
   // 使用cdn打包
   // TODO Cdn esm使用方式需要只能支持google，暂时关闭，后续查询更好的方式
   useCdn: false,
@@ -179,4 +195,7 @@ export const htmlConfig: {
     minifyCSS: true,
   },
 };
-export default viteConfig;
+export default {
+  ...viteConfig,
+  transforms: [globbyTransform(viteConfig)],
+} as UserConfig;