js重新加载div_webpack配置HMR热加载

HMR，即：Hot-Module-Replacement，通过对文件热加载，实现修改后局部更新，优化打包构建速度。（修改哪一个文件，哪一个文件更新）

一、CSS热加载：

webpack.config.js文件中，配置devServer：

hot

二、js热加载：

1. 安装 react-hot-loader ，执行命令：

cnpm 

2. .babelrc配置：

"plugins"

3. plugin配置：

new 

4. 入口文件写法：

index.jsx文件：

import 

App.jsx文件：

import 

当然实现热加载的插件并非react-hot-loader一种方式，如 webpack-hot-middleware 等同样可以实现，配置方式不同。