SASS-建筑与设计;加载

SASS-建筑与设计;加载,sass,Sass,我在我的Symfony2上使用SASS,我读到了推荐的SASS架构 base/–包含全局样式,例如重置、排版、颜色、, 等等 components/–在各自的.scs中包含每个独立组件 局部的 布局/–包含较大布局组件的样式;e、 g.导航, 页眉、页脚等 pages/–如有必要,包含特定于页面的样式 主题/–包含不同主题的样式 utils/–包含全局混合、函数、辅助选择器等 供应商/–包含第三方风格、混搭等 main.scss–汇集上述所有部分的输出文件 在示例中,它们同时加载所有文件,但

我在我的Symfony2上使用SASS,我读到了推荐的SASS架构

  • base/–包含全局样式,例如重置、排版、颜色、, 等等
  • components/–在各自的.scs中包含每个独立组件 局部的
  • 布局/–包含较大布局组件的样式;e、 g.导航, 页眉、页脚等
  • pages/–如有必要,包含特定于页面的样式
  • 主题/–包含不同主题的样式
  • utils/–包含全局混合、函数、辅助选择器等
  • 供应商/–包含第三方风格、混搭等
  • main.scss–汇集上述所有部分的输出文件
在示例中,它们同时加载所有文件,但我担心应该将不同的页面样式及其加载分开


我想问一下,一次加载所有的.scss文件是否会降低页面速度?为什么不提分离?变量的继承?为什么?

文件分离有助于更轻松的开发—不必在需要进行微小更改时搜索数百行甚至数千行SCS,这会更好—但不要担心;它不会减慢你的页面速度


当SASS编译时,它将SCSS文件合并到一个CSS文件中,并经常同时缩小它

感谢您的解释:)