Question

作为前端开发人员，我希望我正在构建的网站具有可扩展性和可维护性。所以我遵循css的代码库结构，如

Base:
  – normalize.css
  – layout.css
  – typography.css

Components:
  – alerts.css
  – buttons.css
  – forms.css
  – list.css
  – nav.css
  – tables.css

Modules:
  – footer.css
  – header.css

但网站的加载时间取决于HTTP请求的数量。拥有这样的代码库涉及大量的HTTP请求。但是这样的代码库组织对于易于维护和扩展是必需的。代码库设计应该确保代码可重用性。那么如何在这种情况下创建平衡？有没有办法维护这样的代码库结构，同时发送少量的HTTP请求。

还有更好的选择吗？

Answer 1

SASS就是您所需要的。

Sass让您将样式表组织成partial个文件，这些文件在编译时注入单个production.css（名称是任意的），不需要多个@imports这会降低网站的性能。这样，您可以将主样式表划分为多个部分文件，而不会影响网站的性能。

当然，SASS并不是什么独特的，SASS主要是一个css预处理器。学到更多这里：

并乐于重新思考如何编写和维护CSS;）

CSS的性能与代码库组织

1 个答案: