最近一年很多客户要求更换主题色，而团队的项目基础框架不一，因此几乎使用了所有的更换主题的方案。以下总结了各方案的实现以及优缺点，希望能帮助有需要更换主题色的伙伴少踩坑。 方案一：硬编码 对一些老的前端

利用css优先级的原理覆盖掉原有样式的实现，每定义一套皮肤就要定义对应的sass变量，以及定义一套覆盖原有样式的皮肤样式。如果有多套皮肤的话，覆盖的代码量就会n套。 样式不易管理，查找样式复杂，开发效率低，拓展性差，维护成本高，多人协作沟通麻烦。 Sass Maps的函数map…

前端 ”一键换肤“ 技术方案，vue项目一键换肤，切换主题，通过切换 `css` 选择器的方式实现主题样式的切换.

项目中用了element-ui，有切换主题色的需要。1、需要下载整个element-ui的样式css，并替换其中的css样式颜色。文件较大，下载慢且影响性能。 2、只能替换element-ui本身的颜色样式，项目中自己写的颜色样式替换不掉。 3、全部的element-ui样式都重...