feat: add devtools plugin instead of inspector plugin (#3856)

vbenjs · May 23, 2024 · e69dd1e · e69dd1e
1 parent fee8081
commit e69dd1e
Show file tree

Hide file tree

Showing 4 changed files with 193 additions and 80 deletions.
diff --git a/internal/vite-config/src/plugins/index.ts b/internal/vite-config/src/plugins/index.ts
@@ -2,6 +2,7 @@ import vue from '@vitejs/plugin-vue';
 import vueJsx from '@vitejs/plugin-vue-jsx';
 import { type PluginOption } from 'vite';
 import purgeIcons from 'vite-plugin-purge-icons';
+import DevTools from 'vite-plugin-vue-devtools';
 
 import { createAppConfigPlugin } from './appConfig';
 import { configCompressPlugin } from './compress';
@@ -24,6 +25,8 @@ async function createPlugins({ isBuild, root, enableMock, compress, enableAnalyz
  const appConfigPlugin = await createAppConfigPlugin({ root, isBuild });
  vitePlugins.push(appConfigPlugin);
 
+ vitePlugins.push(DevTools());
+
  // vite-plugin-html
  vitePlugins.push(configHtmlPlugin({ isBuild }));
 

diff --git a/package.json b/package.json
@@ -147,7 +147,7 @@
  "unbuild": "^2.0.0",
  "vite": "^5.2.10",
  "vite-plugin-mock": "^2.9.6",
- "vite-plugin-vue-inspector": "^5.0.1",
+ "vite-plugin-vue-devtools": "^7.2.0",
  "vue-tsc": "^2.0.14"
  },
  "packageManager": "[email protected]",