`webpack-dev-middleware` 的 `webpack://` 来自哪里?
Where does this `webpack://` come from for `webpack-dev-middleware`?
我正在使用 https://github.com/gaearon/react-transform-boilerplate。
当我查看Chrome中的源代码时,我看到一个源代码被称为webpack://
(见下图)
但是,当我访问URL如webpack:///src/App.js?14b1
时。我发现该文件不可访问。
有人知道这个 webpack://
来源来自哪里吗?
这是 webpack sourcemaps 在浏览器中解析的结果。
源映射提供了捆绑代码和非捆绑代码之间的映射。按照惯例,webpack sourcemaps 将 webpack://
放置在 命名空间 一段已解析的未捆绑代码中。
生成 webpack 源映射后(通常是一个名为 <name>.js.map
的文件),您可以打开 .js.map
文件并在 sources
属性 中查看值以 webpack://
为前缀。这是由 webpack 配置的 sourcemaps 的 source root。
我正在使用 https://github.com/gaearon/react-transform-boilerplate。
当我查看Chrome中的源代码时,我看到一个源代码被称为webpack://
(见下图)
但是,当我访问URL如webpack:///src/App.js?14b1
时。我发现该文件不可访问。
有人知道这个 webpack://
来源来自哪里吗?
这是 webpack sourcemaps 在浏览器中解析的结果。
源映射提供了捆绑代码和非捆绑代码之间的映射。按照惯例,webpack sourcemaps 将 webpack://
放置在 命名空间 一段已解析的未捆绑代码中。
生成 webpack 源映射后(通常是一个名为 <name>.js.map
的文件),您可以打开 .js.map
文件并在 sources
属性 中查看值以 webpack://
为前缀。这是由 webpack 配置的 sourcemaps 的 source root。