feat: 按环境启用 eruda 调试工具

yulimchen · Feb 7, 2023 · 9be036d · 9be036d
1 parent b028bb9
commit 9be036d
Show file tree

Hide file tree

Showing 5 changed files with 261 additions and 44 deletions.
diff --git a/.env.development b/.env.development
@@ -1,3 +1,6 @@
 # baseUrl 
 # /dev-api 为本地 mock 地址，不使用 mock 的话此处换为你的开发环境接口地址，例如 http://192.168.233.233
-VITE_BASE_API = '/dev-api'
+VITE_BASE_API = '/dev-api'
+
+# 启用 cdn eruda 调试工具
+VITE_ENABLE_ERUDA = "true"
diff --git a/index.html b/index.html
@@ -8,7 +8,7 @@
       content="width=device-width,initial-scale=1.0,user-scalable=no"
     />
     <link rel="icon" href="/favicon.ico" />
-    <title>Vite App</title>
+    <title>vue3-h5-template</title>
   </head>
   <body>
     <div id="app">
@@ -51,5 +51,11 @@
       </div>
     </div>
     <script type="module" src="/src/main.ts"></script>
+    <% if (ENABLE_ERUDA === "true") { %>
+    <script src="//cdn.jsdelivr.net/npm/eruda"></script>
+    <script>
+      eruda.init();
+    </script>
+    <% } %>
   </body>
 </html>
diff --git a/package.json b/package.json
@@ -53,6 +53,7 @@
     "unplugin-vue-components": "^0.22.12",
     "vite": "^4.0.0",
     "vite-plugin-compression": "^0.5.1",
+    "vite-plugin-html": "^3.2.0",
     "vite-plugin-mock-dev-server": "^0.3.16",
     "vite-plugin-svg-icons": "^2.0.1",
     "vite-plugin-vue-setup-extend": "^0.4.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml