项目中的svg相关问题

195 阅读1分钟

插入的svg无法通过css使其变色

  1. 由于svg自身中包含了一个fill属性,如果想用css改变则需要删掉其中这个属性。
  2. 或者使用svgo-loader这个插件可以直接批量修改svg的属性。

使用svg-sprite-loader引入icon后的import问题

使用svg-sprite-loader引入icon,使icon成为一个symbol后发现,webstorm无法import scss,因为webstorm无法解析这个loader,所以解析不了webpack。

如何解决的:

在github上查看svg-sprite-loader的issue列表,发现有人遇到过这个问题,并且有人贡献解决问题的代码,找到了一份封装好的修复版插件装上后解决了这个问题。