本文记录了在React项目中基于Ant-Design实现动态换肤的历程，从技术调研到项目实际应用，探讨了Ant-Design官方方案的优缺点，特别是遇到的坑——异步chunk模块导致的换肤失效问题，以及如何解决这个问题。文章强调理解源码原理的重要性，鼓励开发者持续学习。
开头
最近有需求要换肤，于是研究了下这个方向，故事就这么开始了
换肤的技术调研
1.Less在线编译 - 前端引入Less
2.多套Css皮肤实现
3.覆盖样式实现
4.Css变量实现
5....若干方案
一个换肤，就有很多种方案，那么就要好好考虑了
项目实际情况
由于我们的项目是基于React + Ant-Design开发的，那么我最想用的是Ant-Design的官方方案，于是随着时间流逝，我发现Ant-Design更新了4.17.1-alpha.0版本
并且在底部发现了一个切换主题色的功能
于是就好奇的点了进去
发现跟我之前设计的，通过react-color这个库来选择设置颜色，以及CSS变量实现的方案一样：
并且对
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
