Question

我想在nodeJS上使用gulp来打包React。

这是我的gulpfile：

let gulp = require('gulp');
let uglify = require('gulp-uglify');
let browserify = require('browserify');
let babelify = require('babelify');
let source = require('vinyl-source-stream');
let buffer = require('vinyl-buffer');


gulp.task('js',()=>{
    return browserify({
        entries : ['./App/app.js'],
        extensive : ['.js'],
        debug:true
    })
        .transform(babelify,babelify.configure())
        .bundle()
        .on('error', function (err) {
            console.log(err.message);
            this.emit('end');
        })
        .pipe(source('app.js'))
        .pipe(buffer())
        .pipe(uglify())
        .pipe(gulp.dest('dest'))
});

gulp.task('default',['js']);

我尝试使用Watchify来加快包装速度，因为当项目变大时包装速度会慢一点。

然后我尝试使用Watchify来加快速度。不幸的是，速度更低。

如何正确使用Watchify，或者如何改进gulp文件。非常感谢。

Answer 1

你的意思是手表任务吗？如果是这样，您可以添加监视任务，以便随时关注任何更改并运行其他（指定）任务的任务。

gulp.task ('watch', function(){
    gulp.watch(app.css, ['css']);
    gulp.watch(app.js, ['js']);

});
// default task 
gulp.task('default', ['js', 'css', 'watch']);

这将观察你的css，js文件是否有任何变化。

如何将watchify应用于我的gulp文件

1 个答案: