美文网首页
Express 自动刷新

Express 自动刷新

作者: webjiacheng | 来源:发表于2018-01-08 10:09 被阅读0次

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

相关文章

网友评论

      本文标题:Express 自动刷新

      本文链接:https://www.haomeiwen.com/subject/thbvnxtx.html