私のgulpファイルにwatchifyを適用するにはどうすればいいですか

Question

Reactをpackするために私のnodeJSにgulpを使いたいと思います。

これは私の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ファイルに変更がないかどうかを監視します。