Gulp Js Browser Sync重新加载非常慢

时间:2019-04-18 12:44:22

标签: gulp browser-sync gulp-browser-sync

我正在使用Angular 7和Express构建MEAN应用程序。以下是我的gulp文件配置

/**
 * Module Dependencies
 */

var gulp = require('gulp');
var browserSync = require('browser-sync');
var reload = browserSync.reload;
var nodemon = require('gulp-nodemon');
var exec = require('child_process').exec;

/**
 * Gulp Tasks
 */

gulp.task('build', function (cb) {
return exec('ng build --watch', function (err, stdout, stderr) {
    console.log(stdout);
    console.log(stderr);
    cb(err);
  })
})

gulp.task('nodemon', function (cb) {
  var called = false;
  return nodemon({
    script: './server.js',
    ignore: [
      'gulpfile.js',
      'node_modules/'
    ]
  })
  .on('start', function () {
    if (!called) {
      called = true;
      cb();
    }
  })
  .on('restart', function () {
    setTimeout(function () {
      reload({ stream: false });
    }, 1000);
  });
});

gulp.task('browser-sync', gulp.series('nodemon', function() {
    browserSync({
      proxy: "localhost:3000",  // local node app address
      port: 5000,  // use *different* port than above
      notify: true
    });
  }));


gulp.task('default', gulp.parallel('build','browser-sync', function () {
}));

在首次加载时一切正常。如果我改变角度,我会得到

[Browsersync] Reloading Browsers...

浏览器图标持续旋转很长时间。如果我尝试手动刷新,效果很好。

为什么浏览器同步不会立即刷新浏览器。

0 个答案:

没有答案