這個`webpack://` 來自`webpack-dev-middleware` 嗎？

Question

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

在Chrome中查看源碼的時候，看到一個源碼叫webpack:// （見下圖）

但是，當我訪問諸如webpack:///src/App.js?14b1類的 URL 時。 我發現該文件無法訪問。

有沒有人知道這個webpack://來源來自哪里？

Answer 1

這是webpack sourcemaps在瀏覽器中解析的結果。

源映射提供捆綁代碼和非捆綁代碼之間的映射。 按照慣例，webpack sourcemaps 將webpack://放在一個webpack://解析的未捆綁代碼的命名空間中。

一旦生成了 webpack 源映射（通常是一個名為<name>.js.map的文件），您可以打開.js.map文件並看到sources屬性中的值以webpack://為前綴。 這是 webpack 配置的源映射的源根目錄。