按照教程配置了webpack的模块热拔插功能,效果如上图所示
要点:
1、必须先安装
webpack-dev-server
2、启动dev-sever的时候加入参数
webpack-dev-server ./index.js --hot --inline
3、从dev-server 伺服器调用打包后的文件,因为开启模块热拔插功能之后webpack不会再打包文件到本地
4、需要进行热拔插的模块要调用
if(module.hot){
module.hot.accept();
}
接受更新,并自行处理模块副作用(注:css-loader模块是直接热拔插的)