webpack在源代码地图的生产版本中是否应该有`webpack：//`url？

Question

我知道你不应该把它们真正用于生产中，而且在过去我只注意到webpack://在我的开发构建中使用webpack-dev-server看到并且不知道prod构建中的预期。

如果你有一个带有源映射的生产版本，webpack应该有webpack:// url吗？

例如，如果我看看我的开发构建源代码，如build/bundle.js.map我看到webpack://使用webpack-dev-server映射到我的文件位置，以便更快地重新加载（我更确定）在开发模式下，只是想知道生产构建的预期是什么？

编辑：当我指的是sourcemap时，我和白痴一起说sitemap

Answer 1

最初的问题跳了一下，所以我会尝试回答这个问题：

使用webpack的“生产”构建的源映射是否仍然具有源路径的webpack://样式路径？

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

这一点很重要，因为它为理解webpack不知道它正在构建的环境铺平了道路。 因此，webpack的捆绑输出不会更改，除非您进行更改，即通过更改webpack使用的配置。

继续使用源映射，所有devtools （类型源映射）使用大致相同（可配置 ）的devtool文件名模板 。 devtools（源映射）使用的所有文件名都遵循该模板，默认以webpack://开头。 因此，为源映射生成的所有路径都将以webpack://给定默认值开始。

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

Answer 2

您可以在package.json文件中更改此设置

     "scripts":{
        "start" : "webapck"
      }

在你获得bundle.js或任何其他文件之后。 将.js文件添加到html文件后。 然后在nodeJs等任何其他环境中运行你的html页面......