javascript - webpack 在带有源映射的生产构建中应该有 `webpack://` urls 吗？

Question

我知道无论如何你都不应该在生产中使用它们，过去我只注意到 webpack:// 在我的开发构建中使用 webpack-dev-服务器，并且不知道产品构建中的预期内容。

如果你有一个带有 sourcemaps 的生产构建，webpack 应该有 webpack:// url 吗？

例如，如果我在类似 build/bundle.js.map 的位置查看我的开发构建源映射，我会看到 webpack:// 映射到我的文件位置webpack-dev-server 在开发模式下进行更快的重新加载(我敢肯定更多)并且只是想知道生产构建的预期是什么？

编辑:我是个白痴，说的是 sitemap 而我的意思是 sourcemap

Answer 1

原来的问题有点跳跃，所以我会尽量回答我看到的问题:

Will source maps for "production" builds using webpack still have webpack://-style paths for source paths?

首先，当谈到 webpack 的内部结构时，确实没有“生产”构建这样的东西。事实上，在webpack的实际源代码中，对NODE_ENV的引用为0。

指出这一点很重要，因为它为理解webpack 不知道它为之构建的环境铺平了道路——你知道。因此，webpack 的打包输出不会改变，除非你改变它，即通过改变 webpack 使用的配置。

转到源 map ，所有devtools (类型源映射)使用大致相同(可配置)devtool filename template . devtools(源映射)使用的所有文件名都遵循该模板，默认以 webpack:// 开头。因此，在给定默认值的情况下，为源映射生成的所有路径都将以 webpack:// 开头。

因此，要回答上述问题:是，“生产”构建的源映射将具有使用 webpack:// 协议(protocol)的路径，除非 output.devtoolModuleFilenameTemplate选项已更改。