Tệp bản đồ TypeScript là gì?

Question

Tôi đã xem các tệp .map cho TypeScript. Những gì tôi muốn biết là những gì các tập tin này được cho. Chúng có chứa tham chiếu đến các tệp khác được tham chiếu trong tệp .ts không?

Answer 1

tệp ánh xạ là các tệp bản đồ nguồn cho phép các công cụ ánh xạ giữa mã JavaScript được phát ra và các tệp nguồn TypeScript đã tạo ra nó. Nhiều trình gỡ rối (ví dụ: Visual Studio hoặc công cụ dev của Chrome) có thể tiêu thụ các tệp này để bạn có thể gỡ lỗi tệp TypeScript thay vì tệp JavaScript.

Đây là định dạng bản đồ nguồn giống nhau được tạo bởi một số bộ giải mã và các ngôn ngữ được biên dịch sang JS khác như CoffeeScript.

Answer 2

Một bản đồ nguồn cơ bản là những gì nó nói, một bản đồ từ một ngôn ngữ để khác, vì vậy debugger có thể chạy mã JavaScript mà bạn thấy những dòng mà thực sự tạo ra nó.

Đối với mục đích gỡ lỗi thực hiện:

gì bản đồ nguồn cho phép bạn làm là thiết lập một breakpoint trên nguyên cảo tập tin và sau đó gỡ lỗi mã. Điều này có thể được thực hiện trong Chrome và Firefox. Hơi khó hiểu, hành vi của trình gỡ lỗi trong Chrome là khi đạt đến điểm ngắt, tệp '.js' thực sự được hiển thị (dừng tại điểm ngắt).

Tính đến hôm nay, trình gỡ lỗi Firefox sẽ hiển thị tệp TypeScript thực tế khi nó bị hỏng. Xem các tài liệu tham khảo dưới đây:

http://www.gamefromscratch.com/post/2014/05/27/TypeScript-debugging-in-Visual-Studio-with-IE-Chrome-and-Firefox-using-Source-Maps.aspx)

(điều này cũng cho thấy cách Visual Studio có thể được cấu hình để tạo ra các bản đồ nguồn)

Để hiểu làm thế nào một bản đồ nguồn hoạt động, bạn có thể đọc phần 'Các giải phẫu bản đồ nguồn 'tại đây:

https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/