Gulp查看所有文件,但仅渲染一个(sass)

Gulp查看所有文件,但仅渲染一个(sass),gulp,gulp-watch,gulp-sass,Gulp,Gulp Watch,Gulp Sass,我想让gulp监视我的工作文件夹上的所有更改,但只生成一个文件。因为我使用导入所有必需文件的scss,所以不需要编译所有.css文件,只需编译一个主文件 现在,我的gulpfile.js包含: var gulp = require('gulp'); var util = require('gulp-util'); var sass = require('gulp-sass'); gulp.task('sass', function () { return gulp.src

我想让
gulp
监视我的工作文件夹上的所有更改,但只生成一个文件。因为我使用导入所有必需文件的
scss
,所以不需要编译所有
.css
文件,只需编译一个主文件

现在,我的
gulpfile.js
包含:

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

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

gulp.task('watch', function() {
  gulp.watch('./sass/**/*.scss', ['sass']);
});
我必须进入
/sass/style.scss
并将其保存到triger gulp watch


我希望gulp查看所有文件(类似于
/***.scss
),但只渲染一个-
/sass/style.scss
。如何实现这一点?

解决方案很简单,只需编辑
查看
gulpfile.js的
部分即可:

gulp.task('watch', function() {
  gulp.watch('./**/*.scss', ['sass']);
});
上面写着:注意所有
.scs
和更改运行
'sass'
taks

'sass'
taks只编译
/sass/style.scss'