Gulp4手表未关注文件更改

时间:2019-02-27 10:54:18

标签: javascript gulp task gulp-watch gulp-4

这是我的gulpfile.js内容:

const fs    = require( 'fs' );
const gulp  = require( 'gulp' );


exports.watch = gulp.series( watch );


function watch() {

    const file = 'src/style.scss';

    console.log( fs.readFileSync( file ).length );

    gulp.watch( file, gulp.series( sass ) );
}


function sass( done ) {
    console.log( 'Success!' );
    done();
}

当我运行gulp watch时,它开始监视,但对src/style.scss所做的更改未反映出来。我可以在控制台上看到文件内容的长度,但是却看不到成功!消息。

在将其发布到这里之前,我反复阅读了Gulp4文档,检查了很多有关Gulp Watch的解决方案,包括this one,但无法找出确切的问题。< / p>

非常感谢您的帮助。提前致谢。


更新

以下代码正在Gulp 3.9.1上正常运行

const gulp = require( 'gulp' );


gulp.task( 'default', () => {
    gulp.watch( 'src/style.scss', [ 'sass' ] );
});


gulp.task( 'sass', () => {
    console.log( 'Success!' );
});

但是以下一项不适用于Gulp 4.0.0

const gulp = require( 'gulp' );


exports.default = gulp.series( watch );


function watch( done ) {
    gulp.watch( 'src/style.scss', gulp.series( sass ) );
    done();
}


function sass( done ) {
    console.log( 'Success!' );
    done();
}

环境:

  • OS:CentOS Linux版本7.6.1810(核心)
  • NPM:6.4.1
  • 节点:v10.15.1

我在犯任何愚蠢的错误,还是一个错误?

0 个答案:

没有答案
相关问题