vite-plugin-vue-devtools 替换 vite-plugin-vue-inspector

vite/plugins/devtools.ts

@@ -0,0 +1,6 @@
+import VueDevTools from 'vite-plugin-vue-devtools'
+
+export default function createDevtools(env) {
+  const { VITE_OPEN_DEVTOOLS } = env
+  return VITE_OPEN_DEVTOOLS === 'true' && VueDevTools()
+}

vite/plugins/index.ts

@@ -4,7 +4,7 @@ import vueJsx from '@vitejs/plugin-vue-jsx'
 import vueLegacy from '@vitejs/plugin-legacy'
 import appInfo from './app-info'
 
-import createInspector from './inspector'
+import createDevtools from './devtools'
 import createAutoImport from './auto-import'
 import createComponents from './components'
 import createUnocss from './unocss'
@@ -30,7 +30,7 @@ export default function createVitePlugins(viteEnv, isBuild = false) {
       ],
     }),
   ]
-  vitePlugins.push(createInspector())
+  vitePlugins.push(createDevtools(viteEnv))
   vitePlugins.push(createAutoImport())
   vitePlugins.push(createComponents())
   vitePlugins.push(createUnocss())

vite/plugins/inspector.ts

@@ -1,5 +0,0 @@
-import Inspector from 'vite-plugin-vue-inspector'
-
-export default function createInspector() {
-  return Inspector()
-}