其实前端不是所有 SVG 都能改颜色，关键看 SVG 是怎么画的。

最推荐

使用 **currentColor**。

1
2
3
4
5
6

<svg viewBox="0 0 24 24">  
  <path  
    fill="currentColor"  
    d="..."  
  />  
</svg>

打包脚本

在 package.json 添加

1
2
3

// ..
"zip": "zip -r dist-$(git rev-parse --abbrev-ref HEAD)-$npm_package_name-$npm_package_version-$(date +'%Y_%m_%d').zip dist/ && open .",
"bz": "npm run build && npm run zip"

然后运行 npm run bz 就能直接打开打包好的zip包目录

前端UI组件封装，要考虑传递属性事件、插槽，必要的话传ref出来

本质就是判断是生产环境还是开发环境，或者测试环境的切换，需要对的变量进行修改

一般通过环境变量、配置文件、代理来实现切换