SASS - 建筑与工程加载

Question

我在Symfony2上使用SASS，我读了few articles关于sass的推荐架构。

• base / - 包含全局样式，例如重置，排版，颜色， 等
• components / - 在其自己的.scss中包含每个自包含组件 部分
• 布局/ - 包含更大布局组件的样式;例如导航， 页眉，页脚等
• pages / - 如有必要，包含特定于页面的样式
• 主题/ - 包含不同主题的样式
• utils / - 包含全局mixins，函数，辅助选择器等。
• 供应商/ - 包含第三方样式，mixins等。
• main.scss - 将所有上述部分汇总在一起的输出文件

在示例中，他们同时加载所有文件，但我担心我应该将不同的页面样式和它们的加载分开。

我想询问是否一次加载所有.scss文件并不会使页面变慢？为什么没有提到分离？变量的继承？为什么呢？

Answer 1

文件分离使得开发更容易 - 无论何时想要进行微小改动，都不需要搜索数百甚至数千行SCSS，这一点要好得多 - 但不要担心;它不会减慢你的网页速度。

当SASS编译时，它会将SCSS文件合并到一个CSS文件中，并且通常会同时缩小它。