使用Scss / Sass导入的更短方式

时间:2016-09-29 12:16:03

标签: import sass

我使用Scss(gulp-sass),这是一个很长的列表,看起来像这样:

@import '../../snippets/menu/menu.scss';
@import '../../snippets/footer/footer.scss';
@import '../../snippets/hero/hero.scss';

从这里我可以看到一种模式。我的问题是,是否有一种很好的方法可以使编写更简单。也许是这样的?

import('menu');
import('footer');
import('hero');

scss的输出应该仍然像第一个片段一样。

1 个答案:

答案 0 :(得分:1)

我在评论中被推向正确的方向,解决方案与我预期的有点不同。现在我用:

https://www.npmjs.com/package/gulp-sass-glob

我允许这样的语法:

@import '../../snippets/**/*';