多个SCSS / LESS文件或一个大文件

时间:2016-12-22 17:14:48

标签: sass less file-structure

我们是一家小型设计/网店。我最近使用gulp和SASS / SCSS设置了一个新的基础仓库。当我设置我们的SCSS文件结构时,我将我们使用的一个大型LESS文件分解为一堆较小的SCSS文件。

新结构就像这样

点播服务

  • 排版
  • 按钮
  • ...
  • 导航
  • 站点范围
  • 单页

供应商

  • 自举
  • fontawesome

显然这是一种简化的布局。

这引发了内部讨论。我们中的一些人更喜欢有一个大的LESS文件,而我们中的一些人(我)喜欢将样式分解成自己的床单。当我在线查看其他SCSS实现时,我看到他们将SCSS分成多张,但这可能不适合自定义/内部样式表。

我无法说服其他人这是正确的方法。

有人能以这样或那样的方式为我提供一个好的论据吗?一个大的SCSS文件更容易用于内部/自定义的东西,或者我们应该使用多个文件。

1 个答案:

答案 0 :(得分:0)

许多模块化的纸张每次都会击败一张大纸。我没有参与过很多大型客户项目,但是由于我已经切换到模块化表单,因此交付代码或与团队合作要好得多。

Bootstrap是最受欢迎的css框架。我采用了他们的理念并建立了一个类似于你上面描述的系统,我用它来支撑每个项目。组织从未如此好过,不必滚动或cmd + f通过一张巨大的工作表每天为我节省了几分钟。