🔥热模块重载(HMR) 热模块重载(HMR)在运行时自动更新浏览器中的模块优化开发体验,无需刷新整个页面。这意味着在您代码小幅更改时可以保留应用程序的状态。
在一个模块中 HMR是可选功能,只会影响包含HMR代码的模块。举个例子,通过style-loader为style样式追加补丁。
HMR不适用于生产环境,这意味着它应当只在开发环境使用。更多详细信息,请查看生产环境构建指南。 启用HMR 启用此功能实际上相当简单。
NamedModulesPlugin 当开启HMR的时候使用该插件会显示模块的相对路径,建议用于开发环境。 newwebpack.NamedModulesPlugin()
默认情况下,当使用HMR时,webpack会将在终端以及浏览器控制台中,以红色文字记录这些错误,但仍然继续进行打包。要启用它: bail:true 这将迫使webpack退出其打包过程。
提取样式表 使用webpack打包CSS有许多优点,在开发环境,可以通过hashedurls或模块热替换(HMR)引用图片和字体资源。而在线上环境,使样式依赖JS执行环境并不是一个好的实践。
对于某些配置选项(HMR,[name]/[chunkhash]inoutput.chunkFilename,[hash])来说,除了更新的chunks无效之外,入口chunk也不会生效。

扫码关注腾讯云开发者
领取腾讯云代金券
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号:粤B2-20090059
粤公网安备44030502008569号
腾讯云计算(北京)有限责任公司 京ICP证150476号 | 京ICP备11018762号
