vite-plugin-svg-icons插件使用时,svg图标中的某些路径颜色被字体颜色覆盖

764 阅读1分钟

该问题是由于插件的最新版本中有如下代码

image.png

由于该仓库许久未更新,有关于这个问题的修复pr也一直未被合并,因此建议有需求的同学,可以使用以下npm替换

npm i @digitalacorn/vite-plugin-svg-icons
yarn add @digitalacorn/vite-plugin-svg-icons

安装该包后,要将引入包的位置替换为

@digitalacorn/vite-plugin-svg-icons

配置vite.config.ts时,在该插件的配置项中提供了选项replaceStrokeWithCurrentColor

image.png

  • 将该配置项置为false,就可以修复stoke自动设置为currenColor的问题。