01 什么是热更新
所谓的热更新是让我们在不刷新页面的情况下，实时地看到代码变更的效果，帮助我们更加快速地进行开发。
02 热更新缓慢踩坑记录
一般代码不复杂或者项目依赖不够多的情况下，不会造成热更新缓慢。我在项目中为了保证测试环境和线上环境的完全一致，将env.develop文件下的环境变量更换为production。
在开发模式下，webpack-dev-server 会启用热模块替换（HMR）特性来快速更新应用程序，而在生产模式下，不会启用 HMR，因为它会导致额外的开销。因此，当我将环境变量设置为 production 后，webpack 会使用生产模式进行打包，从而导致热更新失效。
所以，生产环境导致的热更新失效，开发时要保证环境变量的正确