webpack热更新缓慢的解决办法

您所在的位置:网站首页 吃鸡更新慢解决办法有哪些 webpack热更新缓慢的解决办法

webpack热更新缓慢的解决办法

#webpack热更新缓慢的解决办法| 来源: 网络整理| 查看: 265

01 什么是热更新

所谓的热更新是让我们在不刷新页面的情况下,实时地看到代码变更的效果,帮助我们更加快速地进行开发。

02 热更新缓慢踩坑记录

一般代码不复杂或者项目依赖不够多的情况下,不会造成热更新缓慢。我在项目中为了保证测试环境和线上环境的完全一致,将env.develop文件下的环境变量更换为production。 在开发模式下,webpack-dev-server 会启用热模块替换(HMR)特性来快速更新应用程序,而在生产模式下,不会启用 HMR,因为它会导致额外的开销。因此,当我将环境变量设置为 production 后,webpack 会使用生产模式进行打包,从而导致热更新失效。 所以,生产环境导致的热更新失效,开发时要保证环境变量的正确



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3