Theme and Style

在开始一个前端项目的时候,一个重要的选择就是 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

你可能感兴趣的:(Theme and Style)