From 674d8493383433e8a1d3c4f8e5c6c95cffcb6f01 Mon Sep 17 00:00:00 2001
From: yuntian001 <yuntian001z@qq.com>
Date: Tue, 18 Oct 2022 10:53:42 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20vite.ts=E9=85=8D=E7=BD=AE=E9=A1=B9?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E8=B7=AF=E5=BE=84=E6=94=B9=E4=B8=BA=E7=BB=9D?=
 =?UTF-8?q?=E5=AF=B9=E8=B7=AF=E5=BE=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 vite.config.ts | 34 +++++++++++++++++-----------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/vite.config.ts b/vite.config.ts
index c80b3074..63ca7b4c 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -22,7 +22,7 @@ import { babel } from '@rollup/plugin-babel';
 // @ts-ignore
 import { loadMessageConfig } from './src/config/locale';
 function pathResolve(dir: string) {
-  return resolve(process.cwd(), '.', dir);
+  return resolve(__dirname, '.', dir);
 }
 export default ({ command, mode }: ConfigEnv): UserConfigExport => {
   return {
@@ -55,14 +55,14 @@ export default ({ command, mode }: ConfigEnv): UserConfigExport => {
         setLangImport: loadMessageConfig.componentLoad,
         setComponents: loadMessageConfig.componentLoad,
       }),
-      splitVendorChunkPlugin(),
+      splitVendorChunkPlugin(),//打包分析，会生成stats.html展示打包情况
       // VueI18nPlugin({
       //   /* options */
       //   // locale messages resource pre-compile option
       //   include: ['./src/**/lang/**/*.json', './src/**/lang/*.json'],
       // }),
       viteMockServe({
-        mockPath: 'mock/apiDemo',
+        mockPath: pathResolve('mock/apiDemo'),
         localEnabled: command === 'serve',
         prodEnabled: command !== 'serve',
         //  这样可以控制关闭mock的时候不让mock打包到最终代码内
@@ -75,7 +75,7 @@ export default ({ command, mode }: ConfigEnv): UserConfigExport => {
         // 自动加载API
         imports: ['vue', 'vue-router', 'pinia', '@vueuse/core'],
         // 可以选择auto-imports.d.ts生成的位置，使用ts建议设置为'src/auto-imports.d.ts'
-        dts: 'types/auto-imports.d.ts',
+        dts: pathResolve('types/auto-imports.d.ts'),
         resolvers: [ElementPlusResolver()],
       }),
       Components({
@@ -110,25 +110,25 @@ export default ({ command, mode }: ConfigEnv): UserConfigExport => {
         {
           // svg icon type
           pattern: ['*.svg'],
-          dir: 'src/icons/svg',
-          toFile: 'types/meIconComments.d.ts',
+          dir: pathResolve('src/icons/svg'),
+          toFile: pathResolve('types/meIconComments.d.ts'),
           name: 'MeIcon_{{name}}',
-          template: fs.readFileSync('./template/meIconComments.d.ts', 'utf-8'),
+          template: fs.readFileSync(pathResolve('./template/meIconComments.d.ts'), 'utf-8'),
           codeTemplates: [{ key: '//code', template: '{{name}}: Icon;\n    ' }],
         },
         {
           // pinia module
           pattern: ['**/*.{ts,js}', '*.{ts,js}'],
-          dir: 'src/store/modules',
-          toFile: 'src/store/module.ts',
+          dir: pathResolve('src/store/modules'),
+          toFile: pathResolve('src/store/module.ts'),
           name: 'use_{{name}}_store',
         },
         {
           // auto import directives
           pattern: ['*.ts', '**/index.ts'],
-          dir: 'src/directives',
-          toFile: 'types/directives.d.ts',
-          template: fs.readFileSync('./template/directives.d.ts', 'utf-8'),
+          dir: pathResolve('src/directives'),
+          toFile: pathResolve('types/directives.d.ts'),
+          template: fs.readFileSync(pathResolve('./template/directives.d.ts'), 'utf-8'),
           codeTemplates: [
             {
               key: '//code',
@@ -140,9 +140,9 @@ export default ({ command, mode }: ConfigEnv): UserConfigExport => {
         {
           // auto import components
           pattern: ['*.{vue,ts}', '**/index.{vue,ts}'],
-          dir: 'src/components',
-          toFile: 'types/components.d.ts',
-          template: fs.readFileSync('./template/components.d.ts', 'utf-8'),
+          dir: pathResolve('src/components'),
+          toFile: pathResolve('types/components.d.ts'),
+          template: fs.readFileSync(pathResolve('./template/components.d.ts'), 'utf-8'),
           codeTemplates: [
             {
               key: '//code',
@@ -209,14 +209,14 @@ export default ({ command, mode }: ConfigEnv): UserConfigExport => {
             // 打包优化
             core: ['vue', 'vue-router', 'pinia', 'vue-request', 'vue-i18n/dist/vue-i18n.cjs.js', 'jquery', 'lodash-es'],
             elIcon: ['@element-plus/icons-vue'],
-            mock: ['./mock'],
+            mock: [pathResolve('./mock')],
           },
         },
       },
     },
     optimizeDeps: {
       //因为项目中很多用到了自动引入和动态加载，所以vite首次扫描依赖项会扫描不全，这里强制扫描全局。
-      entries: ['./src/**/*.{ts,tsx,vue}'],
+      entries: [pathResolve('./src/**/*.{ts,tsx,vue}')],
       include: [
         'element-plus/es/components/loading/style/css',
         'element-plus/es/components/message/style/css',