网上找的对于热更新的一些资料

模块热更新(Hot Module ReplaceMent) 简称HMR
修改代码后,界面无刷新的更新结果
1.将 web 页面返回给浏览器,是一种服务端行为。所以需要建立一个服务器???
2.使用webpage对源文件进行编译,在常规操作应该生产一个build文件,但是由于我们在编写代码的过程中会经常修改文件。频繁的硬盘IO会大大延长我们的等待时间。 因此,我们使用 webpack-dev-middleware 将文件输出到内存中。如果文件改变,服务器编译完成后读取内存即可。
3.将 webpack 的编译结果保存在内存,并封装为 express 中间件
4.对服务器也需要做个中间键,无在任何路由下,都能返回该页面!!
5.如此一来,修改代码的时候,服务器已经能够自动编译文件并写入内存,但是有个问题,必须主动刷新。。
6.解决方法:需要在入口文件即 main.js 添加下面的语句

if (module.hot) {
  module.hot.accept()
}

这是因为 webpack-hot-middleware 在遍历文件时会先校验修改的文件是否接受热更新,如果不配置即为不接受热更新
资料来源

你可能感兴趣的:(笔记)