位置: 编程技术 - 正文

Webpack 实现 Node.js 代码热替换(webpack使用ejs)

编辑:rootadmin

推荐整理分享Webpack 实现 Node.js 代码热替换(webpack使用ejs),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:webpackjsonp,node.js+webpack开发实战,webpack使用ejs,node.js+webpack开发实战,webpack nodejs,webpack nodejs,webpack5 node,webpack5 node,内容如对您有帮助,希望把文章链接给更多的朋友!

这两天为了这个问题, Gitter 上问, Twitter 上问, GitHub 上问, 两天没反应原来写博客的 jlongster 不理我, 我也不知道 Webpack 作者的联系方式最后在 Gitter 上发的消息他似乎看到了, 就粗略地解释了一遍, 醍醐灌顶啊... 理解之后主要就是 Webpack 怎么配置和脚本怎么运行我写了一遍, 代码仅仅是这么短, 热替换就实现了: jlongster 的配置教程里抄: 注意是 webpack 而不是 webpack-dev-server注意后台运行的 & 只是为了不阻塞, 你有两个终端就开两个吧

我写了两个测试文件, 一个是会修改的代码 src/lib.coffee:

另一个入口文件 src/main.coffee 包含了处理模块替换的代码:

跑一跑 Demo, 就知道效果怎么样了, setInterval 不受替换的干扰而在 build/ 目录, 每次修改都会生成一个 JSON 文件记录修改的内容:

Webpack 实现 Node.js 代码热替换(webpack使用ejs)

具体的文件内容也就是这样, 大致可以认为包含了识别更新所需的信息:

其他方案

白天在网上查找方案, 顺便在论坛上发了个帖子问这个事情,现成的主要两个说明比较清楚的方案, 值得借鉴一下

一个是百度的技术博客上, 写的大概是怎么对 module 对象做处理,也就是手工监听文件修改, 然后清楚模块缓存, 重新挂载模块思路清晰考虑细致, 虽然有点冗余代码, 还是可以一试: require.extensions 做了 hack, 增加了操作和事件,当模块文件更新时, 对应模块自动更新, 并且 emit 一个事件,通过这样的效果, 模块引用的位置可以做一些处理, 使用新的代码,这个应该说还是比较粗暴的, 毕竟不是所有的代码都容易替换 Webpack 这棵树上吊死, 也就不打算深入研究了,也许 Node.js 官方对 lib/module.js 做下优化能搞出不错的功能来,然而, JavaScript 毕竟不是不可变数据使用成风的社区, 比不了 Erlang,因为代码替换就涉及到状态更新的问题, 不好搞, 不如重启来得省事,而重启现在有 node-dev supervisor nodemon 三套方案任你选

对我来说, 主要是 Cumulo 方案对 WebSocket 存在巨大的依赖,现在前端开发已经能做到服务器上更新代码, 客户端自动更新了,通过 Webpack 和 React 的机制, 局部更新 DOM 和纯函数模块,如果说能够做到开发环境也能热替换, 这对于开发效率的提升就太大了,本来觉得热替换遥不可及的, 然而很可能是触手可及的效率提升!

后面大概还有坑, 毕竟黑科技... 遇到再说了

有兴趣可以细看下 jlongster 写的相关的几篇神作, 非常有帮助:

浅谈node.js中async异步编程 1.什么是异步编程?异步编程是指由于异步I/O等因素,无法同步获得执行结果时,在回调函数中进行下一步操作的代码编写风格,常见的如setTimeout函数、a

浅析Node.js 中 Stream API 的使用 本文由浅入深给大家介绍node.jsstreamapi,具体详情请看下文吧。基本介绍在Node.js中,读取文件的方式有两种,一种是用fs.readFile,另外一种是利用fs.createR

Nodejs实战心得之eventproxy模块控制并发 目标建立一个lesson4项目,在其中编写代码。代码的入口是app.js,当调用nodeapp.js时,它会输出CNode(

标签: webpack使用ejs

本文链接地址:https://www.jiuchutong.com/biancheng/370630.html 转载请保留说明!

上一篇:Node.js巧妙实现Web应用代码热更新(node.js实战)

下一篇:浅谈node.js中async异步编程(node.js axios)

  • 缴纳当月的增值税
  • 定期定额个体工商户怎么报税
  • 公司固定资产抵税
  • 本年支付 历年支付
  • 税务大厅可以开票吗
  • 小规模纳税人减征增值税
  • 一般纳税人核定征收申请条件
  • 注册地址与实际办公地址不一致怎么办
  • 机器设备折旧计提规定
  • 用现金暂付职工差旅费3000元
  • 资本溢价能不能退还股东呢
  • 怎么结转销项税额
  • 建设工程项目融资
  • 工地工资是人走账清吗
  • 电商刷单的成本如何处理?
  • 营改增广告标牌制作的税务怎么处理
  • 转账支票需要哪些资料
  • 应收款未收到怎么做账
  • 去年增值税销项少2元
  • 入账发票是什么意思
  • 发票查询结果显示不出来
  • 二手房交易需要多长时间?
  • 罚款费用报销单怎么写
  • 小企业怎么申请建设用地
  • 所得税费用可以抵减利润吗
  • 速冻食品增值税税率
  • 工会经费单据
  • 小规模纳税人的增值税账务处理
  • 1697510660
  • 家具螺丝螺母一般在哪里卖
  • 电脑开wifi给手机用好吗
  • 企业收到农产品普通发票
  • 库存商品赠送会计分录
  • arp防火墙是什么意思
  • 结算备付金的账户是什么
  • 数字证书费用计入管理费用什么科目
  • mac计算器怎么变小
  • win10专业版如何关闭系统更新
  • php字符串型数据的定义方式
  • 股权收购账务处理方法
  • php如何读取文件内容
  • 其他综合收益明细科目
  • 唱吧地图
  • vue的安装步骤
  • 递延所得税什么时候交
  • python线程和协程
  • sql2008设置
  • 我想问一下移动
  • 给客户的现金奖励会计处理
  • 抵扣是什么意思大白话...举例
  • 小规模企业没有进项票能开发票吗
  • mysql如何实现高性能读写
  • MySQL进阶SELECT语法篇
  • 个人所得税手续费返还增值税申报表怎么填
  • 消费税会计处理的设置
  • 漏缴增值税处罚规定
  • 营改增政策汇总
  • 网店会计怎么做账
  • 公司每个月申报怎么报的
  • 业务招待费会计科目
  • 外币报表折算差额会计分录
  • 水利建设基金要预缴吗
  • sqlserver排序规则怎么看
  • mysql rand整数
  • mysql5.7.31
  • windows storage server 2016下载
  • winsock2
  • centos7.9关机
  • linux 系统查看
  • 系统更新win10
  • 如何装win8.1
  • win10预览版21337
  • 微信小程序实现文件上传
  • js 单引号
  • macos如何使用
  • 用python写个脚本
  • 基于Android的人脸门禁系统
  • js运行效率
  • python 解析
  • 如何网上开税票
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设