JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 4096
  • Score
    100M100P100Q136172F
  • License ISC

A tool to help you visualize and understand circular dependencies in your webpack build.

Package Exports

  • circular-dependency-plugin-visualizer

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (circular-dependency-plugin-visualizer) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

🔄 Circular Dependency Plugin Visualizer

This package was made for use with the circular-dependency-plugin (GitHub|npm) to assist in making sense of your circular dependencies and aid in fixing them.

Installation

Use a package installer like NPM to install the package and the peer dependency circular-dependency-plugin

npm i --save-dev circular-dependency-plugin circular-dependency-plugin-visualizer

Usage

The visualizer takes all the same options as circular-dependency-plugin >=4.4.0 and an additional optional configuration object specific to the visualization.

// webpack.config.js
const CircularDependencyPlugin = require('circular-dependency-plugin')
const visualizer = require('circular-dependency-plugin-visualizer')

module.exports = {
  entry: "./src/index",
  plugins: [
    new CircularDependencyPlugin(visualizer({
      exclude: /node_modules/,
      cwd: process.cwd()
    }, {
      filepath: path.join(__dirname, 'circular-dependency-visualization.html')
    }))
  ]
}

Options

property type default
filepath string path.join(process.cwd(), 'circular-dependency-visualization.html')