我正在使用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...
浏览器图标持续旋转很长时间。如果我尝试手动刷新,效果很好。
为什么浏览器同步不会立即刷新浏览器。