css - 使用 BEM 和 SMACSS 的站点模块与库模块

Question

这是我在使用 BEM/SMACSS 的 CSS 架构中经常遇到的情况。我想看看其他开发人员如何处理它。

您有一个跨多个站点使用的 CSS 模块库。 .btn-group、.nav-tabs 等模块

然后您会遇到一个以非常特定于站点的方式设置样式的模块——它太独特以至于无法使用您的库模块之一。

因此，您在 Sass/Less 文件中拥有该“站点模块”的代码，并将其与该站点的其他样式代码一起保存，例如布局样式。它不会与您的“库模块”一起保存。

我的问题是:您是否采取了任何措施来区分“网站模块”和“图书馆模块”？

Answer 1

我一般关注YAGNI principle在 CSS 中有助于在这种情况下做出决定。遵循总是在你真正需要它们的时候实现它们，永远不要在你预见到你需要它们的时候方法一个新的模块开始它作为站点模块的生命。每当我需要在多个站点中使用该模块时，我就会考虑将它变成一个库模块。