局部刷新-react-hot-loader

最新推荐文章于 2024-08-10 07:19:12 发布

jc8189533

最新推荐文章于 2024-08-10 07:19:12 发布

阅读量405

点赞数

分类专栏： react react-hot-loader 文章标签： react javascript

本文链接：https://blog.csdn.net/jc8189533/article/details/115488497

版权

本文介绍了使用react-hot-loader实现局部刷新的步骤，包括安装、webpack配置、Babel配置、HotModuleReplacement插件的添加以及在入口文件中使用AppContainer包裹组件。重点强调了react-hot-loader/patch需在entry最前面的设置。

摘要由CSDN通过智能技术生成

局部刷新-react-hot-loader

react-hot-loader 和 webpack-dev-server 的区别是局部和全局刷新，作为一个喜欢高效工作的开发，react-hot-loader 无疑是一个更好的选择，言简意赅，下面说说配置方法。

1、安装 react-hot-loader

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

2、在 webpack.config.js 的 entry 值里加上 react-hot-loader/patch，一定要写在entry 的最前面，如果有 babel-polyfill 就写在babel-polyfill 的后面。

entry: {
   
    app: [
      'react-hot-loader/patch',
      './src/index.js'
    ],
  },
// 如果entry是数组的话 直接放在数组里面 也是注意顺序
entry: [
   'babel-polyfill', 
   'react-hot-loader/patch', //设置这里
   __dirname + '/app/main.js'