Gulp 不会将 SCSS 编译为 CSS

Question

我是 gulp sass 的新手，所以我目前正在学习这个https://css-tricks.com/gulp-for-beginners/。我从上面的链接工作的当前主题是#Preprocessing with Gulp

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

想知道。

1. 我目前不在我的本地主机上工作。我已经在我的桌面上制作了项目文件。

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

我做错了什么。

更新 ：

在我的 Gulp 文件中：

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 Trick 中的相同。

Answer 1

尝试添加./到您的源路径：

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

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

编辑 - 您还需要相同的目标路径：

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