Gulp-sass流量（进口和混合）

Question

我最近一直在使用Prepros，它会自动执行一些魔法，我决定转移到Gulp，我想我有麻烦。

我有多个scss文件，例如：

mixins.scss（这里我存储了所有的mixins） variables.scss（这里的变量） colors.scss（和颜色） base.scss（我的应用程序的基本样式） app.scss（这里我按顺序导入mixins，变量，颜色和基数）

现在，使用Prepros它曾经像这样工作 - 首先将所有文件导入app.scss，然后生成漂亮的app.css文件，轻松无痛。

我认为，Gulp尝试分别编译这些文件中的每一个，并在base.scss中失败，因为我在那里使用了mixins / variables / colors而Gulp并不知道这些。

我该如何解决？我在想也许单独看app.scss可以解决问题，但是app.scss甚至不知道变量是否有任何变化。例如./ / p>

我的默认Gulp任务如下所示：

// default task for "gulp"
gulp.task('default', ['sass'], function() {
    gulp.watch('./assets/scss/*.scss', function() {
        gulp.run('sass');
    });
});

任何提示？

Answer 1

您是否100％确定所有部分文件（mixins，变量等）都已正确命名？

这是，它们以下划线开头，即：_variables.scss，_mixins.scss等。

这对你来说似乎是个问题，不是一个大问题，而是一个sass问题。

这样你告诉sass编译器不应该编译那些文件。

From sass docs:

  

下划线让Sass知道该文件只是一个部分文件和   它不应该生成CSS文件。 Sass部分是   与@import指令一起使用。