Làm thế nào để có được cây phụ thuộc trong trình duyệt?

Question

Có cách nào để lấy cây phụ thuộc, trình duyệt sử dụng để xây dựng gói không?

Browserify có một loạt các tập lệnh và tạo nên các gói đẹp, giải quyết tất cả yêu cầu phụ thuộc. Nhưng tôi muốn thấy cấu trúc của những phụ thuộc đó.

var scripts = [ 'a.js', 'b.js' ];//a & b require a lot of other scripts 
var b = browserify({ 
     entries:scripts 
    }); 
b.bundle().pipe(fs.createWriteStream('bundle.js')); 
//looking on b in debugger I can't find anything like dependency tree 

Answer 1

Tôi không chắc chắn nếu có phương pháp API tương đương, nhưng bạn có thể thử những lá cờ CLI --deps và --list.

Answer 2

Mã này cribbed từ --list handler in the Browserify bin/cmd.js script sẽ giúp bạn có một danh sách các tập tin phẳng:

// Your setup: 
var scripts = [ 'a.js', 'b.js' ]; //a & b require a lot of other scripts 
var b = browserify({ 
    entries: scripts 
}); 

// Logging out each of the filenames: 
b.pipeline.get('deps').push(require('through2').obj(
    function (row, enc, next) { 
    console.log(row.file || row.id); 
    next(); 
    } 
)); 

// Bundle as normal: 
b.bundle().pipe(fs.createWriteStream('bundle.js')); 

(Lưu ý:. Bạn sẽ cần through2 package cài đặt cho ở trên để làm việc ra khỏi hộp)

Một cây có thể được xây dựng với the code from the --deps handler right next to it, nhưng tất cả các mã đó là nhổ ra một danh sách các đốm màu JSON, mỗi đốm màu có chứa một danh sách các tệp khác mà nó phụ thuộc vào; bạn sẽ cần phải tự mình xây dựng cây.