refactor(projects): 精简版+动态路由权限初步

build/plugins/html.ts

@@ -1,12 +1,17 @@
+import { loadEnv } from 'vite';
+import type { ConfigEnv, PluginOption } from 'vite';
 import { minifyHtml, injectHtml } from 'vite-plugin-html'; // html插件(使用变量、压缩)
-import viteEnv from '../env';
 
-export default [
-  minifyHtml(),
-  injectHtml({
-    injectData: {
-      appName: viteEnv.VITE_APP_NAME,
-      appTitle: viteEnv.VITE_APP_TITLE
-    }
-  })
-];
+export default (config: ConfigEnv): PluginOption[] => {
+  const viteEnv = loadEnv(config.mode, `.env.${config.mode}`);
+
+  return [
+    minifyHtml(),
+    injectHtml({
+      injectData: {
+        appName: viteEnv.VITE_APP_NAME,
+        appTitle: viteEnv.VITE_APP_TITLE
+      }
+    })
+  ];
+};

build/plugins/index.ts

@@ -1,10 +1,17 @@
+import type { ConfigEnv, PluginOption } from 'vite';
 import vue from './vue';
 import html from './html';
 import iconify from './iconify';
 import windicss from './windicss';
-import visualizer from './visualizer';
 import mock from './mock';
+import visualizer from './visualizer';
 
-const plugins = [vue, ...html, ...iconify, windicss, visualizer, mock];
+export function setupVitePlugins(configEnv: ConfigEnv): (PluginOption | PluginOption[])[] {
+  const plugins = [vue, ...html(configEnv), ...iconify, windicss, mock];
 
-export default plugins;
+  if (configEnv.command === 'build') {
+    plugins.push(visualizer);
+  }
+
+  return plugins;
+}