Webpack - devtools在生產配置

Question

所以我正在嘗試設置我的生產模式的webpack配置，我只是不明白爲什麼我會在生產中使用devtools。

Devtools是爲了讓您的生活在調試時更輕鬆，但爲什麼我需要這樣的產品？ 如果我確實需要它，我應該使用哪一個？

Answer 1

對於大多數設置，您不希望在生產中使用devtools，因爲您不支持訪問生產主機的客戶端進行調試。

但是，如果沒有源映射，如果有人能夠生成它們，就不可能在縮小的生產源中對運行時錯誤使用堆棧跟蹤。您通常需要了解用於調試的文件，位置，標識符和錯誤消息，但所有這些信息都可能會因優化而丟棄。通過{devtools: 'hidden-source-map'}，您可以生成源圖和您的構建版本。如果開發人員需要對轉儲進行故障排除，您可以做的最低限度是使當前實時生成的源映射可用。更好的設置是運行一個特定的錯誤報告器，將堆棧刷新到將源地圖集成到後端的後端。

如果你真的想提供簡單的源代碼調試，比如在你的個人網站上展示源代碼，這會很有用。由於它們通常比優化源大幾倍，因此您可以選擇將它們作爲單獨的文件提供，這些文件僅在用戶打開其開發人員工具時下載，因此請使用{devtools: 'source-map'}。