2013-10-22 25 views
7

Tôi đang sử dụng grunt trong một dự án và tạo các tác vụ để rút gọn và concat nhiều tệp .js.Grunt Uglify - Cách tạo bản đồ nguồn để gỡ lỗi?

Tôi hiện đang cố gắng tìm ra cách tạo bản đồ nguồn ra khỏi chúng với Uglify để nhóm khác có thể dễ dàng phân tích mã trong bảng điều khiển.

Một phần của Gruntfile của tôi (trong cà phê) trông giống như hai:

 uglify: 
     options: 
      mangle: false 

/

grunt.registerTask 'devmin', ['clean', 'concurrent:transform', 'useminPrepare', 'concat', 'uglify', 'usemin', 'copy:build', 'server', 'watch:dist'] # Dev - minifies files 

Vì vậy, khi tôi chạy "grunt devmin" trên thiết bị đầu cuối, tôi sẽ giới đã minified phiên bản nhưng Tôi không thể tìm ra cách để tạo ra một sourcemap liên quan đến chúng cho mục đích gỡ lỗi.

Có ai có gợi ý không ??

Cảm ơn bạn!

+0

Đây là một phần của tài liệu UglifyJS nói về bản đồ nguồn và tôi đang cố gắng làm cho nó hoạt động. Grunt là khá mới với tôi .. – lol

+0

Thêm chi tiết: Nếu tôi đặt "làm đẹp: đúng" trên các tùy chọn uglify tôi sẽ phục vụ các tập tin đẹp và đó không phải là những gì tôi muốn làm. Ý tưởng là để phục vụ họ minified và có một sourcemap để trình duyệt có thể nhận được nó trên bàn điều khiển để tạo ra một phiên bản beautified. – lol

Trả lời

8

Có nhiều thuộc tính bản đồ nguồn khác nhau trên đối tượng tùy chọn mà bạn có thể đặt.

Bạn có thể muốn thuộc tính "sourceMap", là tên tệp của bản đồ nguồn thành đầu ra, ví dụ:

uglify: 
     options: 
      sourceMap: 'mymap.map' 

sourceMap cũng có thể là hàm, trong đó tham số đầu tiên là đường dẫn đầu ra của tệp mà bạn đang khai thác.

+6

Kể từ 3.x sourceMap là một thuộc tính boolean. Uglify tạo tên mặc định, nhưng bạn có thể sử dụng sourceMapName để đặt tên tệp. [Thông tin thêm] (https://github.com/gruntjs/grunt-contrib-uglify#migrating-from-2x-to-3x) –

Các vấn đề liên quan