javascript - 对于 `webpack://`,这个 `webpack-dev-middleware` 从哪里来?

标签 javascript google-chrome web reactjs webpack

我正在使用 https://github.com/gaearon/react-transform-boilerplate .

当我在 Chrome 中查看源代码时,我看到一个源名为 webpack://(见下图)

enter image description here

但是,当我访问webpack:///src/App.js?14b1这样的URL时。我发现该文件不可访问。

有没有人知道这个 webpack:// 来源是从哪里来的?

最佳答案

这是 webpack sourcemaps 的结果已在浏览器中解析。

源映射提供了捆绑代码和非捆绑代码之间的映射。按照惯例,webpack sourcemaps 放置一个 webpack://命名空间一段已解析的未捆绑代码。

一旦生成了 webpack sourcemaps(通常是一个名为 <name>.js.map 的文件),您可以打开 .js.map文件并查看 sources 中的值属性以 webpack:// 为前缀.这是由 webpack 配置的 sourcemaps 的 source root

关于javascript - 对于 `webpack://`,这个 `webpack-dev-middleware` 从哪里来?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34408781/

相关文章:

javascript - Chrome Native Messaging API chrome.runtime.connectNative 不是函数

macos - Yosemite,双接口(interface)(eth/wifi)通过特定接口(interface)访问站点

javascript - 如何滚动大表面? (例如一篇文章)

javascript - 如何在 React 中加载外部 js 文件?

javascript - 使用 CSS 和 Javascript 创建图像/网格解决方案

css - 我的阴影过滤器语法不正确吗?

linux - 如何使用命令行命令在 chrome 中打开 URL 并刷新页面

api - 调用 connect 方法时,Web 蓝牙 api 抛出错误 "unsupported device"

javascript - Webpack vendor dll 引用错误

我的聊天框的最小化和关闭按钮的 JavaScript 不起作用