Chrome DevTools 為混淆的文件添加 SourceMap


發布到生產環境的工程常常是經過混淆且不提供 source map 文件的,這樣當生產環境發生問題后很難地位問題。
以下的方法可以將本地的 source map 文件關聯到線上的混淆文件,從而方便調試和問題定位。

  1. 本地工程 build 生成包含 SourceMap 的 dist 目錄
  2. 使用 http-server 作為服務器發布 dist
  3. 在 Chrome DevTools 的 Sources 中選擇需要添加 SourceMap 的文件
  4. 在右側文件窗口中右鍵並選擇 Add source map...
  5. 在彈出的輸入框 Source map URL 中寫入第 2 步 http-server 提供的對應的 source map 文件地址


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM