From 751a2639994737d4adf770463a489b7a961844aa Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Mon, 20 Sep 2021 17:18:08 +0800
Subject: [PATCH] feat(@vant/cli): add enableVConsole option (#9527)

---
 packages/vant-cli/docs/config.md          | 7 +++++++
 packages/vant-cli/site/mobile.html        | 6 ++++++
 packages/vant-cli/src/config/vite.site.ts | 4 +++-
 3 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/packages/vant-cli/docs/config.md b/packages/vant-cli/docs/config.md
index 101503d1e..d903cc047 100644
--- a/packages/vant-cli/docs/config.md
+++ b/packages/vant-cli/docs/config.md
@@ -260,6 +260,13 @@ module.exports = {
 
 配置 HTML 中的 meta 标签，对象的 key 为 name，value 为 content。
 
+### site.enableVConsole
+
+- Type: `boolean`
+- Default: `false`
+
+是否在 dev 时开启 [vConsole](https://github.com/Tencent/vConsole) 调试，用于移动端 debug。
+
 ## Babel
 
 通过根目录下的`babel.config.js`文件可以对 Babel 进行配置。
diff --git a/packages/vant-cli/site/mobile.html b/packages/vant-cli/site/mobile.html
index 6ea212898..fcba161d3 100644
--- a/packages/vant-cli/site/mobile.html
+++ b/packages/vant-cli/site/mobile.html
@@ -13,6 +13,12 @@
     <meta http-equiv="Cache-Control" content="no-cache" />
     <meta http-equiv="Pragma" content="no-cache" />
     <meta http-equiv="Expires" content="0" />
+    <% if (enableVConsole) { %>
+    <script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script>
+    <script>
+      var vConsole = new window.VConsole();
+    </script>
+    <% } %>
     <% if (baiduAnalytics) { %>
     <script>
       // avoid to load analytics in iframe
diff --git a/packages/vant-cli/src/config/vite.site.ts b/packages/vant-cli/src/config/vite.site.ts
index 697306100..08a82f961 100644
--- a/packages/vant-cli/src/config/vite.site.ts
+++ b/packages/vant-cli/src/config/vite.site.ts
@@ -4,7 +4,7 @@ import hljs from 'highlight.js';
 import vitePluginMd from 'vite-plugin-md';
 import vitePluginVue from '@vitejs/plugin-vue';
 import vitePluginJsx from '@vitejs/plugin-vue-jsx';
-import { setBuildTarget, getVantConfig } from '../common';
+import { setBuildTarget, getVantConfig, isDev } from '../common';
 import {
   SITE_DIST_DIR,
   SITE_MOBILE_SHARED_FILE,
@@ -79,6 +79,7 @@ export function getViteConfigForSiteDev(): InlineConfig {
   const siteConfig = getSiteConfig(vantConfig);
   const title = getTitle(siteConfig);
   const baiduAnalytics = get(vantConfig, 'site.baiduAnalytics');
+  const enableVConsole = isDev() && get(vantConfig, 'site.enableVConsole');
 
   return {
     root: SITE_SRC_DIR,
@@ -110,6 +111,7 @@ export function getViteConfigForSiteDev(): InlineConfig {
           ...siteConfig,
           title,
           baiduAnalytics,
+          enableVConsole,
           meta: getHTMLMeta(vantConfig),
         },
       }),