web前端使用CSS修改svg颜色样式

使用UI切图的svg无法直接修改内部的CSS样式，借用svgo工具可以完成样式的修改

一.准备

1.安装svgo npm包 npm install svgo --save-dev
2.在package.json 脚本命令中加入"svgo": "svgo -f src/common/icons/svg --config=src/common/icons/svgo.yml"
3.在控制台输入npm run svgo 即可进行svg修改，修改后的svg可以使用css样式进行修改

二.原因

美工制作的svg样式存在默认样式，所以无法通过css修改svg样式，而svgo可以破坏内部的svg默认样式，故可以通过css修改svg样式