本文介绍了在日常业务开发中基于Ant Design自定义主题的方法。首先阐述了自定义主题的需求，然后详细说明了如何通过webpack和craco配置进行主题定制，包括样式文件后缀替换、入口文件引用样式替换以及配置less变量文件。此外，文章还探讨了如何更好地定制主题，强调沟通、封装和宣讲的重要性，以实现符合公司UI规范的高效开发流程。
1.为什么要自定义antd
虽然日常业务开发、我们大都使用Antd进行业务开发，使用Antd原因，因为组件丰富，能够基本满足我们日常的业务开发场景，且生态良好，有大厂背书。
但尽管如此，再好看的ui，也是人家阿里的标准，每个公司总会有自己的ui，总会有自己的一套ui标准，为此，我们希望能够定制antd，甚至依托于antd进行二次创作，也就是样式复写。
但是复写样式会造成很多问题，好在，antd官网提供了一套解决方案供我们实现，来定制属于自己公司的antd。
2. 如何自定义antd主题
根据antd官方介绍以及源码查阅，我们可以得知，antd使用less，并且其定义了一系列全局/组件的样式变量(实操后虽然有些不全)，但已经把常用的变量已经暴露出来供我们修改，如果缺少你想要定制的变量名，antd也提出可以提issue。 具体暴露了哪些变量，我们可以点击antd主题变量查阅。
我们根据官网查阅得知：定制方式原理上是使用 less 提供的 modifyVars 的方式进行覆盖变量。
光说不练假把式，下面我们来看下具体如
最低0.47元/天 解锁文章
8811
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
