React热替换功能初体验,提高开发效率,用起来很爽

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

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

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

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

    原文作者:cangdu
    原文地址: https://segmentfault.com/a/1190000007480256
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞