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'
          }
        }
      ]
    }
  });
}

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属性

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

与本文相关的文章

Hi，您需要填写昵称和邮箱！