Reactjs 我的gulp.js文件只是第一次运行,然后它就赢了';看不见

Reactjs 我的gulp.js文件只是第一次运行,然后它就赢了';看不见,reactjs,gulp,gulp-watch,Reactjs,Gulp,Gulp Watch,我制作了一个gulp.js文件,用于观察我的更改并重建,以便在每次更改将SCS转换为css后,我的react代码可以更新。以下是我所拥有的: 'use strict'; //dependencies var gulp = require('gulp'); var sass = require('gulp-sass'); var minifyCSS = require('gulp-clean-css'); var uglify = require('gulp-uglify'); var rena

我制作了一个
gulp.js
文件,用于观察我的更改并重建,以便在每次更改将SCS转换为css后,我的react代码可以更新。以下是我所拥有的:

'use strict';

//dependencies
var gulp = require('gulp');
var sass = require('gulp-sass');
var minifyCSS = require('gulp-clean-css');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var changed = require('gulp-changed');


//////////////
// - SCSS/CSS
//////////////

var SCSS_SRC = './src/assets/scss/**/*.scss';
var SCSS_DEST = './src/assets/css';

// Compile SCSS
gulp.task('compile_scss', function(){
  gulp.src(SCSS_SRC)
  .pipe(sass().on('error', sass.logError))
  .pipe(minifyCSS())
  .pipe(rename({ suffix: '.min'}))
  .pipe(changed(SCSS_DEST))
  .pipe(gulp.dest(SCSS_DEST));
});

//detect changes in SCSS
gulp.task('watch_scss', function(){
  gulp.watch(SCSS_SRC, gulp.series('compile_scss'));
});

//Run tasks
gulp.task('default', gulp.series(['watch_scss'], function(){

}));


这是我第一次这样做,但从我能告诉它是正确的。抛出时没有错误,有时也会起作用。但是,当我对default.scss文件进行两次更改时,第一个文件将转换为css,但对于第二个文件,我需要终止任务并再次运行
gulp
。我可能缺少什么?

编译scss
任务中尝试
返回gulp.src….
。@在最后一个
.pipe()之后标记。
否,在第二行的
gulp.src…等前面添加
return
关键字。在
compile\u scss
任务中尝试在
gulp.src…等前面添加
return
关键字。@在最后一个
.pipe()
之后标记?不,在第二行的
gulp.src…等前面添加
return
关键字。