Webpack热模块替换（HMR）源地图未更新/新代码在开发工具中不可见

我已成功建立HMR，所有工作都正常，包括代理后端站点。剩下的唯一问题是，除非我完全重新加载，否则我无法在浏览器中看到实际的原始代码（ES2015）。Webpack热模块替换（HMR）源地图未更新/新代码在开发工具中不可见

我错过了什么，或者这是不可能的吗？我用'cheap-module-eval-source-map'，试过'cheap-module-inline-source-map'。是否可以在替换模块中提供源图，因为它们必须进行评估？

什么浏览器中注入代码你正在用吗？ –

Chrome 47.您是否获得了与HMR合作的源代码地图的清爽？ – macmillancodes

HMR和更新DevTools中的源映射有问题。通常情况下，源映射由浏览器缓存，并且由于HMR不会触发整页重装，因此您会遇到过时的源映射。作为解决方法，您可以重新加载Chrome DevTools，并按alt+r。显然这与cheap-module-source-map一起使用。

2016-05-27 07:13:13 xfh

使用webpack-dev-server -d --hot --inline

-d是简写--debug --devtool source-map --output-pathinfo

--hot是热更换模块

然后DEV-服务器将开始产生sourcemaps和每一个变化

2017-05-04 14:22:03

回答