Webpack 热模块替换 (HMR) 源映射未更新/新代码在开发工具中不可见

Question

我已成功设置 HMR，一切正常，包括代理后端站点。剩下的唯一问题是，除非我完全重新加载，否则我无法在浏览器中看到实际的原始代码 (ES2015)。

我是不是漏掉了什么或者这是不可能的？我使用 'cheap-module-eval-source-map'，试过 'cheap-module-inline-source-map'。是否有可能在替换模块中提供源映射，因为它们必须被评估？

Answer 1

HMR 和更新 DevTools 中的源 map 存在问题。通常，源映射由浏览器缓存，并且由于 HMR 不会触发完整页面重新加载，因此您只能使用过时的源映射。作为解决方法，您可以按 alt+r 重新加载 Chrome DevTools。显然这适用于 cheap-module-source-map。

参见 https://github.com/webpack/webpack/issues/2478获取更多信息。