browserify và các tập tin mà allready có một sourcemap

Question

Tôi có một số mã JavaScript được biên dịch thành các mô đun commonJS từ các ngôn ngữ biên dịch sang JS tùy ý và tôi muốn gỡ lỗi mã trình duyệt bằng cách sử dụng các định dạng sourcemaps.

Vì vậy, tệp của tôi có //# sourceMappingURL=index.js.map rồi và tôi mong muốn trình duyệt sẽ đọc và chuyển đổi chúng để tôi có thể gỡ lỗi bằng ngôn ngữ gốc không phải JS của tôi.

Tôi có cần một biến đổi khác cho điều này không?

Tôi đã thử nó với cờ gỡ lỗi của trình duyệt, và sau đó nó tạo ra một sourcemap nhưng nó là dành cho các tệp JS trung gian và KHÔNG phải là các tệp không phải JS gốc. Tôi thậm chí còn thấy các câu lệnh //# sourceMappingURL gốc kéo dài trong gói và trình gỡ lỗi trình duyệt của tôi không thích tất cả.

Điều này có thể thực hiện được không?

Tôi thấy điều này: Keep original typescript source maps after using browserify Nhưng nó không hoạt động.

Answer 1

Bạn có thể chạy Sorcery trên đầu ra của broswerify. Sorcery sẽ giải quyết một chuỗi các sourcemaps cho đến khi nó được các tập tin gốc. Sorcery phát ra một sourcemap mới có nguồn gốc. Điều này không liên kết với bất kỳ công cụ cụ thể nào để nó hoạt động với webpack.

Cài đặt: npm install -g sorcery

Cách sử dụng: sorcery -i outputOfBrowserify.js Đó lệnh sẽ ghi đè lên các tập tin và bản đồ nguồn của nó tại chỗ.