位置: 编程技术 - 正文

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)

  • 已交税金是什么类
  • 公司借款受托支付是什么
  • 筹建期间发生的开办费计入什么科目
  • 个人所得税累计扣除标准
  • 现金存银行会计分录
  • 申报成功忘记清关怎么办
  • 已经验旧的发票可以作废吗
  • 公司账户被法院冻结了多久可以恢复
  • 个税专项附加扣除具体怎么操作
  • 增值税金内部结算方式
  • 2019招标费用收取标准
  • 应付账款少记违反什么认定
  • 政府给予的工业支出
  • 营改增后进项税额分摊
  • 研发部门属于哪个会计科目
  • 股权转让资本公积怎么处理
  • 父母的股权给子女可以怎样认证
  • 关联企业税收
  • 出口退税信息系统
  • 烟草消费税计算方法
  • 个体户一个月开票30万怎么上税
  • 子公司资不抵债
  • 慈善基金会的含义
  • 对子公司投资应采取的核算方法
  • 发票拍照打印出来能用吗
  • 商用房的增值税是多少
  • 公司注销 缴税
  • 苹果手机录音怎么转换成mp3格式
  • 事业单位服务收入怎么做账
  • 企业出售自用汽车
  • deepin怎么退出命令行
  • 全资子公司给母公司担保
  • 怎么安装win7系统u盘
  • win10网页打不开但是有网
  • rsync inotify sersync
  • 现金结算起点包括1000元吗
  • mac安装wine教程
  • 什么是两免一补的条件
  • vue多入口文件
  • 当年盈余资金计算公式
  • 购买房屋缴纳的税款
  • php checkbox使用
  • 前端schema
  • python 3.4.3 shell
  • 公司法关于公司变更后权利义务的规定
  • 库管和车间工人哪个好
  • 增值税进项税额在借方还是贷方
  • db2教程
  • 尾款忘记支付,交易关闭怎么办
  • 固定资产原值和净值在报表哪里看
  • sql server 2008 备份
  • SQLServer2005 Output子句获取刚插入的ID值
  • 劳务公司账务处理实操
  • 城市维护建设税怎么算
  • 汽车租赁行业税负是多少
  • 不动产进项税额抵扣从什么时候开始
  • 保修的产品还收费吗
  • 代开专票作废退税怎么做账?
  • 成本暂估跨年度怎么算
  • 互联网企业资产评估
  • 原材料暂估入库成本结转处理
  • 日记账处理数据流程图
  • samba开启
  • win10出现未知错误
  • xp系统禁用网络连接
  • win8系统怎么设置桌面图标
  • win8如何删除登录密码
  • windows 7的用户类型
  • os x yosemite10.10.4beta2更新了哪些内容 os x yosemite性能增强和bug修复以及下载
  • linux防火墙放行
  • win8无线连接不可用怎么办
  • linux打包命令tar打包目录结构
  • linux确认命令
  • unity3d ngui-TweenRotation翻牌动画
  • eclipse cocos2dx Couldn't load cocos2dcpp from loader
  • [置顶]津鱼.我爱你
  • js中不同的height, top的区别对比
  • JavaScript为事件句柄绑定监听函数实例详解
  • 重庆国税局客服电话
  • 辽宁朝阳丧葬费标准2022
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设