webpack-dev-server 中 hot 和 hotonly 的差别

因为被顶到了百度搜索前列,所以补充一下:

1. hot: true

单纯设置为true的时候,如果编译报错,会抛出错误,你重新改成正确的,这个时候又会触发重新编译,整个浏览器会重新刷新!

2. hotOnly: true

这个也设置的话,如果编译报错,你再改成正确的,重新编译,浏览器不会刷新!

区别在于,刷新,有些复现步骤比较复杂的话,刷掉了浏览器,要一步步重新点。

目前来说,2020.12 如果是 react 技术栈,最佳实践是 使用 react-refresh ,这个不会刷页面,又能保留 state 的状态

特此记录。

 

------------------------------------------------------------------------------------------------------------------------

原纪录:

 hot 和 hotOnly 的区别是在某些模块不支持热更新的情况下,前者会自动刷新页面,后者不会刷新页面,而是在控制台输出热更新失败

  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值