Gulp 狼吞虎咽+；浏览器与SASS快速同步，与JS慢速同步

我觉得有点奇怪，当CSS发生变化时，几乎相同的gulp代码很快就可以用Browsersync（瞬时）重新加载，但当JS发生变化时，重新加载速度很慢

有人能指出为什么我的JS重新加载需要2秒钟吗

gulp.task('js', function() {
  browserify({
    entries: './src/index.jsx',
    extensions: ['.jsx', '.js', '.js.jsx'],
    debug: true
  })
  .transform(babelify, { presets: ["es2015", "react"] })
  .bundle().on('error', util.log)
  .pipe( source('bundle.js'))
  .pipe(gulp.dest('dist'))
  .pipe(browsersync.reload({stream:true}));
})

gulp.task('css', function () {
  sass_config = config.sass;
  var css_stream = gulp.src('stylesheets/theme-default.css');

  imports = [
    "font-awesome.min.css",
    "bootstrap/bootstrap.min.css",
    "react-big-calendar.css",
  ]

  for (var i=0; i < imports.length; i++) {
    css_stream = merge(css_stream, gulp.src("stylesheets/" + imports[i]));
  }

  sass_stream = gulp.src(sass_config.src)
    .pipe(sourcemaps.init())
    .pipe(sass(sass_config.settings))
    .on('error', util.log)
    .pipe(autoprefixer({ browsers: ['last 2 version'] }))
    .pipe(sourcemaps.write());

  return merge(css_stream, sass_stream)
    .pipe(concat('application.css'))
    .pipe(gulp.dest(sass_config.dest))
    .pipe(browsersync.reload({stream:true}));
});

gulp.task('watch-sass', ['browsersync'], function(callback) {
  watch("./stylesheets/**/*.{sass,scss}", function() { gulp.start('css'); });
});

gulp.task('watch-js', ['browsersync'], function(callback) {
  gulp.start('js');
  watch("./src/**", function() { gulp.start('js'); });
});

gulp.task（'js'，function（）{
粗制滥造({
条目：'./src/index.jsx'，
扩展：['.jsx'、'.js'、'.js.jsx']，
调试：正确
})
.transform（babelify，{预设：[“es2015”，“react”]}）
.bundle（）.on（'error'，util.log）
.pipe（源（'bundle.js'））
.pipe（大口目的地（'dist'））
.pipe（browsersync.reload（{stream:true}））；
})
吞咽任务（'css'，函数（）{
sass_config=config.sass；
var css_stream=gulp.src（'stylesheets/theme default.css'）；
进口=[
“font awesome.min.css”，
“bootstrap/bootstrap.min.css”，
“react big calendar.css”，
]
对于（变量i=0；i

希望能有所帮助

随着browserify项目开始扩展，捆绑它的时间慢慢变得越来越长。虽然它可能在1秒开始，但可能需要等待30秒，以便您的项目在特别大的项目上构建