Question

我知道你无论如何都不应该在制作中使用它们。过去我只注意到webpack://在我的开发版中被webpack-dev-server看到并且没有＆＃39} ;不知道prod build中的预期。

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

例如，如果我以build/bundle.js.map之类的方式查看我的开发构建源图，我看到webpack://要使用webpack-dev-server映射到我的文件位置，以便更快地重新加载（而且我＆＃39;更确切地说，在开发模式下，只是想知道生产构建的预期是什么？

编辑：我和白痴一起说sitemap当我的意思是sourcemap

Answer 1

原始问题稍微跳了一下，所以我会尽力回答这个问题：

使用webpack的“生产”版本的源地图是否仍然具有webpack:// - 源路径的样式路径？

首先，当涉及到webpack的内部时，真的不是“生产”构建。实际上，在webpack的实际源代码中有NODE_ENV的0个引用。

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

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

因此，要回答上述问题：是，“生产”版本的源地图将使用webpack://协议的路径，除非更改output.devtoolModuleFilenameTemplate选项。< / p>

Answer 2

您可以在package.json文件中更改此内容

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

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

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

2 个答案: