“ gulp sass”命令运行，但没有任何反应

Question

这是我的gulpfile.js文件；

DbSet

您可以在这里看到我的文件夹：

我在主scss文件中编写了一些代码，然后在终端中运行gulp sass命令。看起来可行，但没有任何变化。

Answer 1

有关局部的说明，请参见partials and imports或sass language guide：

  

您可以创建部分Sass文件，其中包含一些CSS片段，您可以将其包含在其他Sass文件中。这是模块化CSS并帮助使事情易于维护的好方法。部分文件只是一个以下划线开头的Sass文件。您可能将其命名为_partial.scss。下划线让Sass知道该文件只是部分文件，不应将其生成为CSS文件。 Sass局部变量与@import指令一起使用。

还有sass partial tutorial。在您的情况下，请在main.scss文件名之前删除下划线，它将按预期工作。将导入其他部分文件（带下划线的部分）到main.scss中。

Answer 2

我认为您不需要src目录或目标目录中的“ ./”，看起来应该像这样。

gulp.task('sass', function () {
return gulp.src('sass/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('css'));
});