跳到內容
設定next.config.js 選項productionBrowserSourceMaps

productionBrowserSourceMaps

預設情況下,Source Maps 在開發期間啟用。在生產建置期間,它們會被停用,以防止您在用戶端洩漏原始碼,除非您使用設定標誌明確選擇加入。

Next.js 提供了一個設定標誌,您可以使用它在生產建置期間啟用瀏覽器 Source Map 的產生

next.config.js
module.exports = {
  productionBrowserSourceMaps: true,
}

productionBrowserSourceMaps 選項啟用時,Source Maps 將會輸出到與 JavaScript 檔案相同的目錄中。Next.js 將會在被請求時自動提供這些檔案。

  • 新增 Source Maps 可能會增加 next build 的時間
  • 增加 next build 期間的記憶體用量