Merge pull request #151 from xuxichen/vConsole-Configuring

feat: enable vConsole based on environment variable

Author: cwandev

.env

@@ -2,3 +2,4 @@ VITE_APP_PUBLIC_PATH=/
 VITE_APP_PREVIEW=true
 VITE_APP_API_BASE_URL=/api
 VITE_APP_OUT_DIR=dist
+VITE_APP_VCONSOLE=false

build/vite/index.ts

@@ -88,7 +88,7 @@ export function createVitePlugins(mode: string) {
     UnoCSS(),
 
     // https://github.com/vadxq/vite-plugin-vconsole
-    createViteVConsole(),
+    createViteVConsole(mode),
 
     // https://github.com/vuejs/devtools-next
     VueDevTools(),

build/vite/vconsole.ts

@@ -1,10 +1,13 @@
 import path from 'node:path'
+import process from 'node:process'
+import { loadEnv } from 'vite'
 import { viteVConsole } from 'vite-plugin-vconsole'
 
-export function createViteVConsole() {
+export function createViteVConsole(mode: string) {
+  const env = loadEnv(mode, process.cwd())
   return viteVConsole({
     entry: [path.resolve('src/main.ts')],
-    enabled: false,
+    enabled: env.VITE_APP_VCONSOLE === 'true',
     config: {
       maxLogNumber: 1000,
       theme: 'light',