webpack-dependency-flow

0.3.0 • Public • Published

webpack-dependency-flow

This is a webpack plugin that can help you visualize the dependencies between files.

Install

npm install webpack-dependency-flow

Usage

const DependencyFlow = require('webpack-dependency-flow');

// rollup config
module.exports = {
  plugins: [
    new DependencyFlow()
  ]
};

API

class DependencyFlow(build, serve)

The plugin entry point. The plugin can generate a static htlm file of the dependency flow, or run a web server in watch mode which updates live on filesave.

  • build object | false - Creates a static html file. Default: {}
    • dir string - Directory location.
    • name string - Name of the file.
  • serve object | false - Starts a web server (can only be run in watch mode). Default: false
    • port number - Port to run the web server on.
    • wsPort number - Websocket port used to pass data between node process and web server.
    • Returns

The web server usually runs on localhost:3001 if the ports are available, check the console output for Serving dependency flow at: <adress> to see where the server is running.

Examples

// Run web server only
new DependencyFlow(false, {
  port: 8085, // run web server on port 8085
  wsPort: 5055 // run websocket on 5055
});

// Create static file only
new DependencyFlow();

Readme

Keywords

Package Sidebar

Install

npm i webpack-dependency-flow

Weekly Downloads

342

Version

0.3.0

License

MIT

Unpacked Size

187 kB

Total Files

8

Last publish

Collaborators

  • mm85dk