网上找的对于热更新的一些资料

模块热更新(Hot Module ReplaceMent) 简称HMR
修改代码后,界面无刷新的更新结果
1.将 web 页面返回给浏览器,是一种服务端行为。所以需要建立一个服务器???
2.使用webpage对源文件进行编译,在常规操作应该生产一个build文件,但是由于我们在编写代码的过程中会经常修改文件。频繁的硬盘IO会大大延长我们的等待时间。 因此,我们使用 webpack-dev-middleware 将文件输出到内存中。如果文件改变,服务器编译完成后读取内存即可。
3.将 webpack 的编译结果保存在内存,并封装为 express 中间件
4.对服务器也需要做个中间键,无在任何路由下,都能返回该页面!!
5.如此一来,修改代码的时候,服务器已经能够自动编译文件并写入内存,但是有个问题,必须主动刷新。。
6.解决方法:需要在入口文件即 main.js 添加下面的语句

if (module.hot) {
  module.hot.accept()
}

这是因为 webpack-hot-middleware 在遍历文件时会先校验修改的文件是否接受热更新,如果不配置即为不接受热更新
资料来源

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值