ai-qt-web/vite/plugins/index.js

import vue from '@vitejs/plugin-vue'
// 修改导入方式
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
import path from 'path'

import createAutoImport from './auto-import'
import createSvgIcon from './svg-icon'
import createCompression from './compression'
import createSetupExtend from './setup-extend'

export default function createVitePlugins(viteEnv, isBuild = false) {
  const vitePlugins = [vue()]
  vitePlugins.push(createAutoImport())
  vitePlugins.push(createSetupExtend())
  vitePlugins.push(createSvgIcon(isBuild))
  isBuild && vitePlugins.push(...createCompression(viteEnv))
  // 修改 SVG 图标插件的使用方式
  vitePlugins.push(
    createSvgIconsPlugin({
      iconDirs: [path.resolve(process.cwd(), 'src/assets/icons/svg')],
      symbolId: 'icon-[dir]-[name]',
      svgoOptions: true
    })
  )
  
  return vitePlugins
}