發布到生產環境的工程常常是經過混淆且不提供 source map 文件的,這樣當生產環境發生問題后很難地位問題。
以下的方法可以將本地的 source map 文件關聯到線上的混淆文件,從而方便調試和問題定位。
- 本地工程 build 生成包含 SourceMap 的 dist 目錄
- 使用 http-server 作為服務器發布 dist
- 在 Chrome DevTools 的 Sources 中選擇需要添加 SourceMap 的文件
- 在右側文件窗口中右鍵並選擇
Add source map...
- 在彈出的輸入框
Source map URL
中寫入第 2 步 http-server 提供的對應的 source map 文件地址