build(vite.config.ts): 📦 通过env配置控制mock服务

Author: cshaptx4869

.env.development

@@ -11,3 +11,6 @@ VITE_APP_BASE_API = '/dev-api'
 VITE_APP_API_URL = http://vapi.youlai.tech
 # 开发接口地址
 # VITE_APP_API_URL = http://localhost:8989
+
+# 是否启用 Mock 服务
+VITE_MOCK_DEV_SERVER = false

vite.config.ts

@@ -1,18 +1,16 @@
 import vue from "@vitejs/plugin-vue";
+import vueJsx from "@vitejs/plugin-vue-jsx";
 import { UserConfig, ConfigEnv, loadEnv, defineConfig } from "vite";
 
 import AutoImport from "unplugin-auto-import/vite";
 import Components from "unplugin-vue-components/vite";
 import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
-
 import Icons from "unplugin-icons/vite";
 import IconsResolver from "unplugin-icons/resolver";
 
 import { createSvgIconsPlugin } from "vite-plugin-svg-icons";
 import mockDevServerPlugin from "vite-plugin-mock-dev-server";
 
-import vueJsx from "@vitejs/plugin-vue-jsx";
-
 import UnoCSS from "unocss/vite";
 import { resolve } from "path";
 
@@ -60,9 +58,10 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
     },
     plugins: [
       vue(),
-      // MOCK 服务，开启 MOCK 放开注释即可
-      // mockDevServerPlugin(),
+      // jsx、tsx语法支持
       vueJsx(),
+      // MOCK 服务
+      env.VITE_MOCK_DEV_SERVER === "true" ? mockDevServerPlugin() : null,
       UnoCSS({
         hmrTopLevelAwait: false,
       }),