Gulp没有将SCSS编译为CSS

Question

我是新手，因此我正在学习https://css-tricks.com/gulp-for-beginners/。我在上面的链接中使用的当前主题是 #Preprocessing with Gulp

所有的东西都变得很好，直到我在测试之后测试我的sass文件（知道它正在编译CSS）我触发它没有编译SCSS到CSS为什么会这样。

想知道。

1. 我目前没有在我的localhost上工作。我已经在我的桌面上制作了项目文件。

2. 我第一次手动创建了CSS文件，看我的SCSS编译了我的当前CSS文件

我做错了什么。

更新：

在我的Gulp文件中：

Producer

我的文件结构：

Hazelcast

注意：文件结构与CSS技巧相同。

Answer 1

尝试将./添加到源路径：

return gulp.src('./app/scss/**/*.scss')
...

这告诉它从当前目录开始，相对于gulpfile。

编辑 - 你还需要为目标路径做同样的事情：

  .pipe(gulp.dest('./app/css'));

Answer 2

你的gulpfile看起来不错。你的文件夹结构没问题。

我想问你在机器上装了gulp-sass。

如果您尚未安装。

安装npm install gulp-sass --save-dev。

您实际上不需要创建css文件来测试它是否有效。如果你也创造了它也没问题。

检查并告诉我们。感谢。

Answer 3

您需要删除此行上的分号

.pipe(gulp.dest('app/css'));

并在任务结束时添加一个，如此

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