Я создаю MEAN-приложение с Angular 7 и Express.Ниже моя конфигурация файла 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...
, и значок браузера продолжает вращаться в течение длительного времени.Если я пытаюсь обновить вручную, это работает нормально.
Почему синхронизация браузера не обновляет браузер немедленно.