refactor: 简化文件夹结构

build/plugin/html.js

@@ -0,0 +1,32 @@
+import html from 'vite-plugin-html'
+import { version } from '../../package.json'
+import { GLOB_CONFIG_FILE_NAME } from '../constant'
+
+export function configHtmlPlugin(viteEnv, isBuild) {
+  const { VITE_APP_TITLE, VITE_PUBLIC_PATH } = viteEnv
+  const path = VITE_PUBLIC_PATH.endsWith('/') ? VITE_PUBLIC_PATH : `${VITE_PUBLIC_PATH}/`
+
+  const getAppConfigSrc = () => {
+    return `${path}${GLOB_CONFIG_FILE_NAME}?v=${version}-${new Date().getTime()}`
+  }
+
+  const htmlPlugin = html({
+    minify: isBuild,
+    inject: {
+      data: {
+        title: VITE_APP_TITLE,
+      },
+      tags: isBuild
+        ? [
+            {
+              tag: 'script',
+              attrs: {
+                src: getAppConfigSrc(),
+              },
+            },
+          ]
+        : [],
+    },
+  })
+  return htmlPlugin
+}

build/plugin/index.js

@@ -0,0 +1,55 @@
+import vue from '@vitejs/plugin-vue'
+
+/**
+ * * 扩展setup插件，支持在script标签中使用name属性
+ * usage: <script setup name="MyComp"></script>
+ */
+import VueSetupExtend from 'vite-plugin-vue-setup-extend'
+
+/**
+ * * 组件库按需引入插件
+ * usage: 直接使用组件,无需在任何地方导入组件
+ */
+import Components from 'unplugin-vue-components/vite'
+import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
+
+/**
+ * * unplugin-icons插件，自动引入iconify图标
+ * usage: https://github.com/antfu/unplugin-icons
+ * 图标库: https://icones.js.org/
+ */
+import Icons from 'unplugin-icons/vite'
+
+// rollup打包分析插件
+import visualizer from 'rollup-plugin-visualizer'
+
+import { unocss } from './unocss'
+import { configHtmlPlugin } from './html'
+import { configMockPlugin } from './mock'
+
+export function createVitePlugins(viteEnv, isBuild) {
+  const plugins = [
+    vue(),
+    VueSetupExtend(),
+    Components({
+      resolvers: [NaiveUiResolver()],
+    }),
+    Icons({ compiler: 'vue3', autoInstall: true }),
+    unocss(),
+    configHtmlPlugin(viteEnv, isBuild),
+  ]
+
+  viteEnv?.VITE_APP_USE_MOCK && plugins.push(configMockPlugin(isBuild))
+
+  if (isBuild) {
+    plugins.push(
+      visualizer({
+        open: true,
+        gzipSize: true,
+        brotliSize: true,
+      })
+    )
+  }
+
+  return plugins
+}

build/plugin/mock.js

@@ -0,0 +1,14 @@
+import { viteMockServe } from 'vite-plugin-mock'
+
+export function configMockPlugin(isBuild) {
+  return viteMockServe({
+    ignore: /^\_/,
+    mockPath: 'mock',
+    localEnabled: !isBuild,
+    prodEnabled: isBuild,
+    injectCode: `
+      import { setupProdMockServer } from '../mock/_create-prod-server';
+      setupProdMockServer();
+    `,
+  })
+}

build/plugin/unocss.js

@@ -0,0 +1,9 @@
+import Unocss from 'unocss/vite'
+import { presetUno, presetAttributify, presetIcons } from 'unocss'
+
+// https://github.com/antfu/unocss
+export function unocss() {
+  return Unocss({
+    presets: [presetUno(), presetAttributify(), presetIcons()],
+  })
+}