Vue开发之使用vite-plugin-svg-icons去掉fill属性

使用vite项目，vite-plugin-svg-icons加载svg的时候，css更改svg的颜色不生效。是要去除svg文件中自带的fill属性。以下是插件自动去除配置。

import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
import path from 'path';

export default function createSvgIcon(isBuild) {
  return createSvgIconsPlugin({
    iconDirs: [path.resolve(process.cwd(), 'src/assets/icons/svg')],
    symbolId: 'icon-[dir]-[name]',
    svgoOptions: {
      ...isBuild,
      full: true,
      plugins: [
        {
          name: 'removeAttrs',
          params: {
            attrs: 'fill'
          }
        }
      ]
    }
  });
}

转载请注明：天狐博客 » Vue开发之使用vite-plugin-svg-icons去掉fill属性