Làm thế nào để gỡ lỗi một nhiệm vụ Gulp?

Question

Làm cách nào để gỡ lỗi tác vụ gulp được xác định trong gulpfile.js của tôi bằng trình gỡ lỗi như trình gỡ lỗi Google Chrome, bước qua dòng mã của công việc theo dòng?

Answer 1

Với Node.js phiên bản 6.3+ gỡ lỗi đã được thực hiện đơn giản hơn nhiều với việc sử dụng --inspect flag.

Để gỡ lỗi một nhiệm vụ ngụm tên build:

1. Tìm ra nơi cuộc sống ngụm thực thi của bạn. Nếu gói gulp được cài đặt cục bộ, giá trị này sẽ là node_modules/.bin/gulp. Nếu không, trong một thiết bị đầu cuối, hãy chạy which gulp trên Linux/Mac hoặc where gulp trên Windows để tìm.

2. Chạy node --inspect --debug-brk ./node_modules/.bin/gulp build. Nếu được yêu cầu, hãy thay thế ./node_modules/.bin/gulp bằng đường dẫn đến cài đặt gói gulp của bạn.

3. Sử dụng Chrome để duyệt tới URL được in trên bảng điều khiển. Có vẻ như chrome-devtools://devtools/remote/serve_file/@xxxxxxxxx/inspector.html?experiments=true&v8only=true&ws=127.0.0.1:9229/xxx-xxx-xxx.

Cờ --debug-brk được sử dụng để tạm dừng thực thi mã ngay lập tức. Điều này cho phép bạn mở trình duyệt và thiết lập các điểm ngắt trước khi tác vụ kết thúc.

Bạn cũng có thể cài đặt tiện ích mở rộng Node.js Inspector Manager (NIM) dành cho Chrome để trợ giúp với bước 3. Thao tác này sẽ tự động mở tab Chrome với trình gỡ lỗi sẵn sàng sử dụng, thay thế cho việc sao chép và dán URL từ thiết bị đầu cuối.

Answer 2

Nếu bạn đang sử dụng gulp-nodemon, bạn có thể làm điều này trong gulpfile của bạn. Chỉ cần vượt qua tùy chọn execMap:

gulp.task('default', function() { 
    nodemon({ 
     script: 'server.js', 
     ext: 'js', 
     execMap: { 
      js: "node --inspect" 
     } 
    }) 
} 

Hy vọng điều này sẽ hữu ích.

Answer 3

Nếu bạn đang sử dụng webstorm, bạn có thể nhấp chuột phải vào tác vụ trong bảng điều khiển gulp và chọn gỡ lỗi.

Answer 4

Cảm ơn user2943490, trên Windows tôi thấy phiên bản này làm việc cho tôi:

node --inspect --debug-brk ./node_modules/gulp/bin/gulp.js --verbose

Answer 5

Đối với bất cứ ai sử dụng VS Mã 1.10+

1. Mở bảng gỡ lỗi.
2. Nhấp vào biểu tượng cài đặt.
3. Nhấp vào Thêm cấu hình.
4. Chọn Node.js: Gulp Task.

Đây là cách tệp launch.json của bạn nên xem xét.

{ // Use IntelliSense to learn about possible attributes. // Hover to view descriptions of existing attributes. // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "Gulp task", "program": "${workspaceFolder}/node_modules/gulp/bin/gulp.js", "args": [ "yourGulpTaskName" ] } ] }