每次修改一个代码,页面都要重新刷新,这会造成一个很不爽的问题,程序会丢失状态,当然在简单的程序中这个完全无所谓,但是假如程序变得越来越复杂,想要返回这种状态你可能又要经历一系列的点击等操作,会耗费一些时间。

webpack+react的项目中,如果加上模块热替换的功能,就可以在改动某处文件之后保存,页面上直接显示出改动的效果,不用刷新,非常方便。

热替换功能,以前使用的是react-hot-loader,但是该作者已经发布声明,不再维护这个项目了,现在有一个比react-hot-loader更加强大的叫做React Transform的东西来代替它,配置起来也是很简单的~

配置不是很难,可以参考一下源码:https://github.com/bailicangd...


cangdu
1.1k 声望281 粉丝

hurry up