接着上一篇的 express自动刷新(https://www.jianshu.com/p/60afca6a00b3) ,发现还是存在一些问题的,问题是:我修改前端代码时会很慢很慢,大概20s这样子,一开始还是不知道是什么原因的,后来经过老大看了下自动刷新过程,貌似重启了服务阻塞了浏览器的自动刷新,所以调整了下 gulpfile.js 的代码,如下:
//这个可以让express启动
gulp.task("node", function() {
nodemon({
script: './bin/www',
ignore : [
//由于nodemon默认会监听所有文件的变化,所以在这指定忽略那些文件改变后不重启服务,这样就不会阻塞浏览器刷新的进程了不是吗
"static/"
],
env: {
'NODE_ENV': 'development'
}
})
});
gulp.task('serve', ["node","develop"], function() {//'./static/**/*.*',
//这的文件只需要监听前端的,一般后端开发不需要刷新页面
var files = [
'../templates/**/*.mustache',
'./static/**/*.*'
];
//gulp.run(["node"]);
browserSync.init({
proxy: 'http://localhost:3000',
browser: 'chrome',
notify: false,
port: 3001 //这个是browserSync对http://localhost:3000实现的代理端口
});
gulp.watch(files).on("change", reload);
});
然后现在再启动gulp serve 即可达到自动刷新的效果了