Facebook 重构:抛弃 Sass/Less ,迎接原子化 CSS 时代
此文由 ssh 翻译 / 润色,原文见「阅读原文」 作者Sebastien Lorber 随着 Facebook 和 Twitter 最近的产品部署,我认为一个新的趋势正在缓慢增长:Atomic CSS-in-JS。 在这篇文章中,我们将看到什么是Atomic CSS(原子 CSS),它如何与 Tailwind CSS 这种实用工具优先的样式库联系起来,目前很多大公司在 React 代码仓库中使用它们。 由于我不是这方面的专家,所以我不会去深入探讨它的利弊。我只是希望能帮助你了解它的大致内容。 先抛出一个令人开心的结论,新的 CSS 编写和构建方式让 Facebook 的主页减少了 80% 的 CSS 体积。 什么是原子 CSS? 你可能听说过各种 CSS 方法,如 BEM, OOCSS… <buttonclass="buttonbutton--state-danger">Dangerbutton</button> 现在,人们真的很喜欢 Tailwind CSS[1] 和它的 实用工具优先(utility-first)[2] 的概念。这与 Functional ...
