From 4a63a5057a73644503d2fe90085dff8c7de2cf57 Mon Sep 17 00:00:00 2001
From: Charles7c <charles7c@126.com>
Date: Sun, 21 Apr 2024 23:09:29 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E4=BC=98=E5=8C=96=E5=BC=80=E5=8F=91?=
 =?UTF-8?q?=E8=80=85=E5=B7=A5=E5=85=B7=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development           | 3 +++
 .env.test                  | 3 +++
 config/plugins/devtools.ts | 6 ++++++
 config/plugins/index.ts    | 6 ++++--
 4 files changed, 16 insertions(+), 2 deletions(-)
 create mode 100644 config/plugins/devtools.ts

diff --git a/.env.development b/.env.development
index 8609e59..a1dac01 100644
--- a/.env.development
+++ b/.env.development
@@ -8,3 +8,6 @@ VITE_API_BASE_URL = 'http://localhost:8000'
 
 # 地址前缀
 VITE_BASE = '/'
+
+# 是否开启开发者工具
+VITE_OPEN_DEVTOOLS = true
diff --git a/.env.test b/.env.test
index 522501a..741a9ec 100644
--- a/.env.test
+++ b/.env.test
@@ -11,3 +11,6 @@ VITE_API_BASE_URL = 'http://localhost:8000'
 
 # 地址前缀
 VITE_BASE = '/test'
+
+# 是否开启开发者工具
+VITE_OPEN_DEVTOOLS = true
diff --git a/config/plugins/devtools.ts b/config/plugins/devtools.ts
new file mode 100644
index 0000000..599c747
--- /dev/null
+++ b/config/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()
+}
diff --git a/config/plugins/index.ts b/config/plugins/index.ts
index eda6bf3..d0232a7 100644
--- a/config/plugins/index.ts
+++ b/config/plugins/index.ts
@@ -2,13 +2,15 @@ import type { PluginOption } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
 
+import createDevtools from './devtools'
 import createAutoImport from './auto-import'
 import createComponents from './components'
 import createSvgIcon from './svg-icon'
 import createMock from './mock'
-import VueDevTools from 'vite-plugin-vue-devtools'
+
 export default function createVitePlugins(viteEnv, isBuild = false) {
-  const vitePlugins: (PluginOption | PluginOption[])[] = [vue(), vueJsx(), VueDevTools()]
+  const vitePlugins: (PluginOption | PluginOption[])[] = [vue(), vueJsx()]
+  vitePlugins.push(createDevtools(viteEnv))
   vitePlugins.push(createAutoImport())
   vitePlugins.push(createComponents())
   vitePlugins.push(createSvgIcon(isBuild))