` 来自哪里？

【问题标题】：Where does this `webpack://` come from for `webpack-dev-middleware`?`webpack-dev-middleware` 的这个 `webpack://` 来自哪里？
【发布时间】：2016-03-28 07:13:11
【问题描述】：

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

我在Chrome中查看源码时，看到一个源码叫做webpack://（见下图）

但是，当我访问诸如webpack:///src/App.js?14b1 之类的 URL 时。我发现该文件无法访问。

有人知道webpack:// 的来源来自哪里吗？

【问题讨论】：

标签： javascript google-chrome web reactjs webpack

【解决方案1】：

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

源映射提供捆绑代码和非捆绑代码之间的映射。按照惯例，webpack sourcemaps 将 webpack:// 放置到 namespace 一个已解析的未捆绑代码中。

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

【讨论】：