chore(app): 优化代码

JS-banana · JS-banana · commit fe25ee27bc16 · 2021-12-13T22:41:32.000+08:00
diff --git a/config/constant.ts b/config/constant.ts
@@ -4,7 +4,7 @@
  */
 
 // 应用名
-export const APP_TITLE = 'vite-vue3-admin';
+export const APP_TITLE = 'Vite-Vue3-Admin';
 
 // 本地服务端口
 export const VITE_PORT = 3000;
@@ -21,7 +21,6 @@ export const MOCK_API_BASE_URL = '/mock/api';
 export const MOCK_API_TARGET_URL = 'http://localhost:3000';
 
 // iconfontUrl
-// export const ICONFONTURL = '//at.alicdn.com/t/font_2927003_tz5qryon1k.js';
 export const ICONFONTURL = '//at.alicdn.com/t/font_3004192_9jmc1z9neiw.js'; // 去色版
 
 // 包依赖分析
diff --git a/config/vite/optimizer.ts b/config/vite/optimizer.ts
@@ -1,3 +1,8 @@
+/**
+ * @name configManualChunk
+ * @description chunk 拆包优化
+ */
+
 const vendorLibs: { match: string[]; output: string }[] = [
   {
     match: ['ant-design-vue'],
diff --git a/config/vite/plugin/autoImport.ts b/config/vite/plugin/autoImport.ts
@@ -1,3 +1,7 @@
+/**
+ * @name AutoImportDeps
+ * @description 按需加载，自动引入依赖
+ */
 import AutoImport from 'unplugin-auto-import/vite';
 
 export const AutoImportDeps = () =>
diff --git a/config/vite/plugin/component.ts b/config/vite/plugin/component.ts
@@ -1,3 +1,7 @@
+/**
+ * @name autoRegistryComponents
+ * @description 按需加载，自动引入组件
+ */
 import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers';
 import Components from 'unplugin-vue-components/vite';
 
diff --git a/config/vite/plugin/mock.ts b/config/vite/plugin/mock.ts
@@ -9,8 +9,8 @@ export function configMockPlugin(isBuild: boolean) {
     ignore: /^\_/,
     mockPath: 'mock',
     localEnabled: !isBuild,
-    prodEnabled: isBuild, // 为了演示，线上开启 mock
-    // 开发环境无需关系
+    prodEnabled: isBuild, // 为了演示，线上开启 mock，实际开发请关闭，会影响打包体积
+    // 开发环境无需关心
     // injectCode 只受prodEnabled影响
     // https://github.com/anncwb/vite-plugin-mock/issues/9
     // 下面这段代码会被注入 main.ts
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite Vue3 TypeScript App</title>
+    <title>Vite-Vue3-Admin</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/src/components.d.ts b/src/components.d.ts
@@ -5,6 +5,7 @@
 declare module 'vue' {
   export interface GlobalComponents {
     AAlert: typeof import('ant-design-vue/es')['Alert'];
+    AAvatar: typeof import('ant-design-vue/es')['Avatar'];
     ABreadcrumb: typeof import('ant-design-vue/es')['Breadcrumb'];
     AButton: typeof import('ant-design-vue/es')['Button'];
     ACard: typeof import('ant-design-vue/es')['Card'];
@@ -24,9 +25,11 @@ declare module 'vue' {
     AMenuItem: typeof import('ant-design-vue/es')['MenuItem'];
     APopconfirm: typeof import('ant-design-vue/es')['Popconfirm'];
     ARangePicker: typeof import('ant-design-vue/es')['RangePicker'];
+    AResult: typeof import('ant-design-vue/es')['Result'];
     ARow: typeof import('ant-design-vue/es')['Row'];
     ASelect: typeof import('ant-design-vue/es')['Select'];
     ASpace: typeof import('ant-design-vue/es')['Space'];
+    ASpin: typeof import('ant-design-vue/es')['Spin'];
     ATable: typeof import('ant-design-vue/es')['Table'];
     Icon: typeof import('./components/Icon/index.vue')['default'];
     Modal: typeof import('./components/Modal/index.vue')['default'];
diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
@@ -25,7 +25,7 @@
     accept: {
       type: String,
       default: () => {
-        return '.sol';
+        return '.doc';
       },
     },
     size: {
@@ -44,7 +44,7 @@
     headers: {
       Authorization: localStorage.getItem('x-auth-token'),
     },
-    action: location.origin + '/api/v1/contract/upload',
+    action: location.origin + '/api/v1/upload',
   });
 
   const fileList = ref([]);
diff --git a/src/layouts/BasicLayout/components/Header.vue b/src/layouts/BasicLayout/components/Header.vue
@@ -3,7 +3,7 @@
     <div class="logo-wrap">
       <router-link :to="{ path: '/' }">
         <img :src="logo" class="logo" />
-        <h1 class="title"> SimpleChain联盟链 </h1>
+        <h1 class="title"> {{ APP_TITLE }} </h1>
         <!-- <span class="subTitle">基础版</span> -->
       </router-link>
     </div>
@@ -15,6 +15,7 @@
 <script setup lang="ts">
   import RightContent from './RightContent.vue';
   import logo from '/@/assets/images/logo.png';
+  import { APP_TITLE } from '../../../../config/constant';
 </script>
 <style lang="less" scoped>
   .header {
diff --git a/src/utils/defaultVariable.ts b/src/utils/defaultVariable.ts
diff --git a/src/utils/validate.js b/src/utils/validate.js
diff --git a/vite.config.ts b/vite.config.ts
@@ -4,6 +4,7 @@ import { createVitePlugins } from './config/vite/plugin';
 import proxy from './config/vite/proxy';
 import { VITE_DROP_CONSOLE, VITE_PORT } from './config/constant';
 import { generateModifyVars } from './config/themeConfig';
+import { configManualChunk } from './config/vite/optimizer';
 
 function pathResolve(dir: string) {
   return resolve(process.cwd(), '.', dir);
@@ -58,11 +59,11 @@ export default ({ command, mode }: ConfigEnv): UserConfig => {
           drop_console: VITE_DROP_CONSOLE,
         },
       },
-      // rollupOptions: {
-      //   output: {
-      //     manualChunks: configManualChunk,
-      //   },
-      // },
+      rollupOptions: {
+        output: {
+          manualChunks: configManualChunk,
+        },
+      },
       // Turning off brotliSize display can slightly reduce packaging time
       brotliSize: false,
       chunkSizeWarningLimit: 2000,

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,8 @@`
	`1`	`+/**`
	`2`	`+ * @name configManualChunk`
	`3`	`+ * @description chunk 拆包优化`
	`4`	`+ */`
	`5`	`+`
`1`	`6`	`const vendorLibs: { match: string[]; output: string }[] = [`
`2`	`7`	`{`
`3`	`8`	`match: ['ant-design-vue'],`