vite4 里如何配置 m-svg-icon

来源：6-7 通用组件：基于 vite 的统一 svg 处理 svg-icon

慕码人5437048

2023-08-11

vite4里path引用不生效，m-svg-icon无法显示icon，请问vite4里iconDirs该如何配置

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
import path from 'path'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    createSvgIconsPlugin({
      // 指定需要缓存的图标文件夹
      iconDirs:[path.resolve(process.cwd()),'src/assets/icons'],
      // 指定 symbolId 格式
      symbolId:'icon-[name]'
    })
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  server: {
    proxy: {
      '/api' : {
        target: 'https://api.imooc-front.lgdsunday.club/',
        changeOrigin: true
      }
    }
  }
})

写回答

4回答