美文网首页
Node.js服务器热更新配置初探。

Node.js服务器热更新配置初探。

作者: TinyScript | 来源:发表于2017-08-17 11:19 被阅读0次

    总结一下这两天学(chao)习(xi)大腿们的项目源码。
    这两天都是在关注nodejs热更新部分,直接上心得吧。
    热更新主要就是三个插件,gulp,gulp-nodemon,browser-sync。
    gulp,前端配置自动化工具。
    gulp-nodemon,重启服务器的插件,我的理解应该是gulp与nodemon的一个中间件吧,刚入坑瞎猜的
    browser-sync,顾名思义,浏览器同步更新插件。
    首先,在package.json的script里添加一个server: gulp server的启动项。这样就可以不用全局安装gulp了。

    然后创建gulpfile.js,引入必要的东西,gulp,gulp-nodemon,browser-sync,引入path库,用于路径的合成。

    接下来首先写一个启动的task。因为我们启动的是server,就写一个server的task。这里有两点:
    1、这个task依赖与browser-sync的task,虽然我们执行的是server的task,但是因为依赖的关系,它会先执行browser-sync的task,再执行自己。
    2、server的task里面有一个watch,用于监听文件的变化,依赖bs-delay的task,每次watch到修改都会执行bs-delay的task。

    接着写server所依赖的browser-sync的task:
    1、browser-sync的task依旧是有前置依赖,执行这个task前会先去搜寻nodemon这个task,nodemon这个task执行完毕后,才会执行browser-sync。
    2、自己里边是执行了初始化browser-sync的浏览器热更新插件。

    这里配置默认起的端口是3000,因为是参考性的研究,所以我这里写需要被代理服务器参数时就直接把3000端口写了上去。
    至于browser-sync有什么参数可以去官网的api里查询。

    browser-sync的api入口

    然后再继续探索一下上一个task的前置任务,nodemon task:

    启动nodemon用。没什么好说的,有兴趣可以去看看nodemon的api:

    前端笔记--nodemon api

    大致就是这样吧,这段代码完成了以后就可以实现nodejs的热更新了。

    相关文章

      网友评论

          本文标题:Node.js服务器热更新配置初探。

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