我在我的Symfony2上使用SASS，我读了few articles关于推荐的sass架构 .
-
base / - 包含全局样式，例如重置，排版，颜色等 .
-
components / - 在其自己的.scss部分中包含每个自包含组件
-
layout / - 包含更大布局组件的样式;例如导航，页眉，页脚等
-
pages / - 如有必要，包含特定于页面的样式
-
themes / - 包含不同主题的样式
-
utils / - 包含全局mixins，函数，辅助选择器等 .
-
vendors / - 包含第三方样式，mixins等 .
-
main.scss - 将所有上述部分组合在一起的输出文件
在示例中，它们同时加载所有文件，但我担心我应该分隔不同的页面样式和它们的加载 .
我想询问是否一次加载所有.scss文件并不会减慢页面速度？为什么没有提到分离？变量的继承？为什么？
1 回答
文件分离使开发更容易 - 无论何时想要进行微小改动，都不必搜索数百甚至数千行SCSS，这样做会好得多 - 但不要担心;它不会减慢你的页面速度 .
当SASS编译时，它将SCSS文件合并到一个CSS文件中，并且通常同时缩小它 .