Html Gulp没有将SCS编译为CSS

我是个新手，所以我现在正在学习这个。我在上面的链接中正在研究的当前主题是#用Gulp进行预处理

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

想知道。

我目前没有在本地主机上工作。我已经在桌面上创建了项目文件

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

我做错了什么

更新：

|- app/
      |- css/
      |- fonts/
      |- images/ 
      |- index.html
      |- js/ 
      |- scss/
           |- style.scss
|- dist/
|- gulpfile.js
|- node_modules/
|- package.json

在我的吞咽文件中：

var gulp = require('gulp');
var sass = require('gulp-sass');

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

我的文件结构：

|- app/
      |- css/
      |- fonts/
      |- images/ 
      |- index.html
      |- js/ 
      |- scss/
           |- style.scss
|- dist/
|- gulpfile.js
|- node_modules/
|- package.json

---

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

尝试将

/

添加到源路径：

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

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

编辑-目标路径也需要相同的内容：

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

---

你的大口文件看起来不错。您的文件夹结构正常

我想问一下您是否在机器中安装了gulp sass

如果您尚未安装

安装它

npm安装gulp sass——保存开发文件

您实际上不需要创建css文件来测试它是否有效。如果你也创建了，那也没关系

检查并让我们知道。谢谢。
您需要删除此行的分号

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

并在任务结束时添加一个，如下所示

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

给我们看看你的文件和档案structure@magreenberg让我更新。@magreenberg我已经用我的文件结构和grunt文件代码更新了我的答案你在scss中有文件夹吗？glob
app/scss/***.scss
只会在子文件夹中看到扩展名为
.scss
的文件。运行sass任务时是否出现任何错误？