HMR,即:Hot-Module-Replacement,通过对文件热加载,实现修改后局部更新,优化打包构建速度。(修改哪一个文件,哪一个文件更新)
一、CSS热加载:
webpack.config.js文件中,配置devServer:
hot
二、js热加载:
- 安装 react-hot-loader ,执行命令:
cnpm
2. .babelrc配置:
"plugins"
3. plugin配置:
new
4. 入口文件写法:
index.jsx文件:
import
App.jsx文件:
import
当然实现热加载的插件并非react-hot-loader一种方式,如 webpack-hot-middleware 等同样可以实现,配置方式不同。