多租户平台

vite/plugins/auto-import.ts

@@ -0,0 +1,20 @@
+import AutoImport from 'unplugin-auto-import/vite';
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
+
+export default (path: any) => {
+  return AutoImport({
+    // 自动导入 Vue 相关函数
+    imports: ['vue', 'vue-router', '@vueuse/core', 'pinia'],
+    eslintrc: {
+      enabled: true,
+      filepath: './.eslintrc-auto-import.json',
+      globalsPropValue: true
+    },
+    resolvers: [
+      // 自动导入 Element Plus 相关函数ElMessage, ElMessageBox... (带样式)
+      ElementPlusResolver()
+    ],
+    vueTemplate: true, // 是否在 vue 模板中自动导入
+    dts: path.resolve(path.resolve(__dirname, '../../src'), 'types', 'auto-imports.d.ts')
+  });
+};

vite/plugins/components.ts

@@ -0,0 +1,17 @@
+import Components from 'unplugin-vue-components/vite';
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
+import IconsResolver from 'unplugin-icons/resolver';
+
+export default (path: any) => {
+  return Components({
+    resolvers: [
+      // 自动导入 Element Plus 组件
+      ElementPlusResolver(),
+      // 自动注册图标组件
+      IconsResolver({
+        enabledCollections: ['ep']
+      })
+    ],
+    dts: path.resolve(path.resolve(__dirname, '../../src'), 'types', 'components.d.ts')
+  });
+};

vite/plugins/compression.ts

@@ -0,0 +1,28 @@
+import compression from 'vite-plugin-compression';
+
+export default (env: any) => {
+  const { VITE_BUILD_COMPRESS } = env;
+  const plugin: any[] = [];
+  if (VITE_BUILD_COMPRESS) {
+    const compressList = VITE_BUILD_COMPRESS.split(',');
+    if (compressList.includes('gzip')) {
+      // http://doc.ruoyi.vip/ruoyi-vue/other/faq.html#使用gzip解压缩静态文件
+      plugin.push(
+        compression({
+          ext: '.gz',
+          deleteOriginFile: false
+        })
+      );
+    }
+    if (compressList.includes('brotli')) {
+      plugin.push(
+        compression({
+          ext: '.br',
+          algorithm: 'brotliCompress',
+          deleteOriginFile: false
+        })
+      );
+    }
+  }
+  return plugin;
+};

vite/plugins/icons.ts

@@ -0,0 +1,8 @@
+import Icons from 'unplugin-icons/vite';
+
+export default () => {
+  return Icons({
+    // 自动安装图标库
+    autoInstall: true
+  });
+};

vite/plugins/index.ts

@@ -0,0 +1,25 @@
+import vue from '@vitejs/plugin-vue';
+import vueDevTools from 'vite-plugin-vue-devtools';
+
+import createUnoCss from './unocss';
+import createAutoImport from './auto-import';
+import createComponents from './components';
+import createIcons from './icons';
+import createSvgIconsPlugin from './svg-icon';
+import createCompression from './compression';
+import createSetupExtend from './setup-extend';
+import path from 'path';
+
+export default (viteEnv: any, isBuild = false): [] => {
+  const vitePlugins: any = [];
+  vitePlugins.push(vue());
+  vitePlugins.push(vueDevTools());
+  vitePlugins.push(createUnoCss());
+  vitePlugins.push(createAutoImport(path));
+  vitePlugins.push(createComponents(path));
+  vitePlugins.push(createCompression(viteEnv));
+  vitePlugins.push(createIcons());
+  vitePlugins.push(createSvgIconsPlugin(path));
+  vitePlugins.push(createSetupExtend());
+  return vitePlugins;
+};

vite/plugins/setup-extend.ts

@@ -0,0 +1,5 @@
+import setupExtend from 'unplugin-vue-setup-extend-plus/vite';
+
+export default () => {
+  return setupExtend({});
+};

vite/plugins/svg-icon.ts

@@ -0,0 +1,10 @@
+import { createSvgIconsPlugin } from 'vite-plugin-svg-icons-ng';
+
+export default (path: any) => {
+  return createSvgIconsPlugin({
+    // 指定需要缓存的图标文件夹
+    iconDirs: [path.resolve(path.resolve(__dirname, '../../src'), 'assets/icons/svg')],
+    // 指定symbolId格式
+    symbolId: 'icon-[dir]-[name]'
+  });
+};

vite/plugins/unocss.ts

@@ -0,0 +1,7 @@
+import UnoCss from 'unocss/vite';
+
+export default () => {
+  return UnoCss({
+    hmrTopLevelAwait: false // unocss默认是true，低版本浏览器是不支持的，启动后会报错
+  });
+};