`webpack://`是从哪里来的，与`webpack-dev-middleware`有关？

Question

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

当我在Chrome中查看源代码时，我看到一个名为webpack://的源（见下图）。

然而，当我访问像 webpack:///src/App.js?14b1 这样的 URL 时，我发现无法访问该文件。

有人知道这种 webpack:// 来源是从哪里出来的吗？

- Hanfei Sun

Answer 1

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

源映射提供了一个打包代码和未打包代码之间的映射。按照惯例，webpack sourcemaps 会在已解决的未打包代码上创建一个命名空间 webpack://。

生成 webpack sourcemaps 之后（通常是一个名为 <name>.js.map 的文件），您可以打开 .js.map 文件并查看 sources 属性中的值是否带有前缀 webpack://。这是由 webpack 配置的 sourcemaps 的源根。

- Davin Tryon