website-dependency-tree

CLI Usage

npm install -g website-dependency-tree

the command

website-dependency-tree http://brillout.github.io/demo-website/simple_demo/

will print

ok    http://brillout.github.io/demo-website/simple_demo/
      ├─┬ /hello.css
      │ └── /duck.gif
      ├── /jquery.min.js
      └── /hello.js

A more complete demonstration is available here

About

retrieves dependencies defined in

• HTML
• CSS
• ES2015/JSPM
• AMD/Require.JS

The dependencies are retrieved statically, i.e. the code is parsed and not executed.

API Usage

var website_dependency_tree = require('website-dependency-tree');
 
website_dependency_tree
.retrieve('path/to/index.html')
.then(function(code){
  // direct dependencies defined in index.html
  console.log(code.dependees);
  // all transitive dependencies of index.html,
  // i.e. dependencies defined in index.html, and dependencies of the dependencies, etc.
  console.log(code.dependees_all);
});

Potential Use Cases

• HTTP2 server push dependencies
• Client-Side prefetching
• Build process for deployment