react-hot-loader3的配置说明

近期项目中使用的react-hot-loader版本为v3，其配置方式和v1版本有比较大的区别，其配置的过程可参考官网配置，下面是按照官网的步骤操作的：

• 首先你需要为你的项目安装上这个小可爱

  npm install --save-dev react-hot-loader

• 在.babelrc（babel的配置文件）加上

  {
          plugins: ["react-hot-loader/babel"]
      }

• 确保项目开启了webpack-dev-server的HMR
  （这里说明一下：因为react-hot-loader的热更新是依赖于webpack-dev-server，后者是在打包文件改变时reload刷新整个页面，而前者会根据stateNode节点的更新对比，只更新改变的reactDom节点，从而保留了未改变的state值，更适用于react的开发更新模式，感兴趣的可以看看你源码了解一下原理）。

• (如果项目中已经配置了webpack的热更新，可以略过看下一步

  （编辑：李大同）

  【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!