近期项目中使用的react-hot-loader版本为v3,其配置方式和v1版本有比较大的区别,其配置的过程可参考官网配置,下面是按照官网的步骤操作的:
-
首先你需要为你的项目安装上这个小可爱
npm install --save-dev react-hot-loader
-
{ plugins: ["react-hot-loader/babel"] }
- 确保项目开启了webpack-dev-server的HMR
(这里说明一下:因为react-hot-loader的热更新是依赖于webpack-dev-server,后者是在打包文件改变时reload刷新整个页面,而前者会根据stateNode节点的更新对比,只更新改变的reactDom节点,从而保留了未改变的state值,更适用于react的开发更新模式,感兴趣的可以看看你源码了解一下原理)。 -
(如果项目中已经配置了webpack的热更新,可以略过看下一步