新上传

vite/plugins/auto-import.js

@@ -0,0 +1,11 @@
+import autoImport from 'unplugin-auto-import/vite'
+
+export default function createAutoImport() {
+  return autoImport({
+    imports: [
+      'vue',
+      'vue-router'
+    ],
+    dts: false
+  })
+}

vite/plugins/compression.js

@@ -0,0 +1,27 @@
+import compression from 'vite-plugin-compression'
+
+export default function createCompression (env) {
+  const { VITE_BUILD_COMPRESS } = env
+  const plugin = []
+  if (VITE_BUILD_COMPRESS) {
+    const compressList = VITE_BUILD_COMPRESS.split(',')
+    if (compressList.includes('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/index.js

@@ -0,0 +1,14 @@
+import vue from '@vitejs/plugin-vue'
+
+import createAutoImport from './auto-import'
+import createSvgImport from './svg-import'
+import createCompression from './compression'
+import createSetupExtend from './setup-extend'
+export default function createVitePlugins(viteEnv, isBuild = false) {
+  const vitePlugins = [vue()]
+  vitePlugins.push(createAutoImport())
+  vitePlugins.push(createSvgImport())
+  vitePlugins.push(createSetupExtend())
+  isBuild && vitePlugins.push(...createCompression(viteEnv))
+  return vitePlugins
+}

vite/plugins/setup-extend.js

@@ -0,0 +1,5 @@
+import setupExtend from 'vite-plugin-vue-setup-extend'
+
+export default function createSetupExtend () {
+  return setupExtend()
+}

vite/plugins/svg-import.js

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