react-hot-loader3的配置说明

前端之家收集整理的这篇文章主要介绍了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的热更新,可以略过看下一步

猜你在找的React相关文章