Express 自动刷新

接着上一篇的 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 即可达到自动刷新的效果了

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。