这是我在使用 BEM/SMACSS 的 CSS 架构时经常遇到的情况。我想看看其他开发者如何处理它。
您有一个跨多个站点使用的 CSS 模块库。 .btn-group、.nav-tabs等模块
然后您会遇到一个以非常特定于站点的方式设置样式的模块 - 它太独特而无法使用您的库模块之一。
因此，您在 Sass/Less 文件中拥有该“站点模块”的代码，并将其与该站点的其他样式代码（例如布局样式）一起保存。它没有与您的“库模块”一起保存。
我的问题是：您是否采取任何措施来区分“站点模块”和“库模块”？
【问题讨论】：
我通常在 CSS 中关注YAGNI principle，这有助于在这种情况下做出决策。遵循总是在你真正需要的时候实现它们，永远不要在你预见到你需要它们的时候接近一个新的模块，作为一个站点模块开始它的生命。每当我需要在多个站点中使用该模块时，我就会考虑将其转换为库模块。
【讨论】：
.site-module 而不是 .module 以帮助您找到源代码并避免与您的库中也名为 .module 的任何内容发生冲突？
这个问题在定义级别的帮助下得到解决。 主要思想是您可以将块（甚至是相同块的一部分）拆分为不同的层，然后在项目中组合这些层。例如。你可以有库级别（或几个库）和一个项目级别，或者根据环境可以是不同的级别：所有平台的通用部分和桌面和平板电脑的不同部分等等。
【讨论】：