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樣式