فهرست منبع

chore(vite-config): add vite-plugin-svg-icons,支持DOM 源码定位功能

louhangfei 1 سال پیش
والد
کامیت
9745fc78e9
2فایلهای تغییر یافته به همراه10 افزوده شده و 2 حذف شده
  1. 1 0
      package.json
  2. 9 2
      vite.config.ts

+ 1 - 0
package.json

@@ -86,6 +86,7 @@
     "@vue/compiler-sfc": "3.3.4",
     "autoprefixer": "10.4.7",
     "chalk": "5.3.0",
+    "code-inspector-plugin": "0.20.2",
     "colors": "1.4.0",
     "commitizen": "4.2.5",
     "core-js": "3.23.5",

+ 9 - 2
vite.config.ts

@@ -1,13 +1,14 @@
 import type { UserConfig, ConfigEnv } from 'vite';
 import { loadEnv } from 'vite';
 import path, { resolve } from 'path';
+import { codeInspectorPlugin } from 'code-inspector-plugin';
+import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
 import { wrapperEnv } from './build/utils';
 import { createVitePlugins } from './build/vite/plugin';
 import { OUTPUT_DIR } from './build/constant';
 import devProxy from './utils/devProxy';
 import pkg from './package.json';
 import { formatToDateTime } from './src/utils/dateUtil';
-import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
 
 const svg = createSvgIconsPlugin({
   // 要缓存的图标文件夹
@@ -51,7 +52,13 @@ export default ({ command, mode }: ConfigEnv): UserConfig => {
       ],
       dedupe: ['vue'],
     },
-    plugins: [createVitePlugins(viteEnv, isBuild, prodMock), svg],
+    plugins: [
+      createVitePlugins(viteEnv, isBuild, prodMock),
+      svg,
+      codeInspectorPlugin({
+        bundler: 'vite',
+      }),
+    ],
     define: {
       __APP_INFO__: JSON.stringify(__APP_INFO__),
     },