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頁面......