在开始一个前端项目的时候，一个重要的选择就是 UI 框架的选择，要从组件丰富性、和设计的契合程度、自定义主题等方面考虑。
经手过几个基于 Ant Design 的前端项目，在遇到需要调整样式的时候，通常通过手撸一份样式表来覆盖 Ant Design 样式规则的方式来进行 - 不管用的是 less 还是 sass，本质上并没有让事情变得高级起来。因为需要处理诸多如 before after 等伪元素，:hover :active 等状态，以及 first-child last-child 等选择器。在面临如此多的组件和状态的时候，可想而知组合出来的样式覆盖表会是多么的复杂和不稳定 - 特别难维护。
所以建议还是在项目开始或者前期早早做好验证，用更加优雅的方式来完成主题的定制，甚至是主题切换功能。
https://ant.design/docs/react/customize-theme
http://lesscss.org/usage/#using-less-in-the-browser-setting-options
网友评论