Registry / devops / webpack-dependency-flow

webpack-dependency-flow

JSON →
library0.3.0jsnpmunverified

A webpack plugin that visualizes the dependency graph between modules in real-time or as a static HTML file. Version 0.3.0 supports both a live development server (with WebSocket updates) and static export. Key differentiators: lightweight, no external visualization library required, and integrates directly into webpack's build process. Release cadence is unknown; likely infrequent.

devops
npm install webpack-dependency-flow
package ↗
INSTALL
IMPORT
SIG · WEBPACK-DEPENDENCY
W
webpack-dependency-flow
devopsjavascriptv0.3.0
Install
—
Import
—
Disk
—
Pass rate
0/ 6
Env Coverage0 / 6
glibc
18–22
musl
18–22
Install & Compatibility
Where this runs
tested against v? · npm install
Install × environment matrix
Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux
musl
node 18–226 runs
build_error
glibc
node 18–226 runs
build_error
Code
Verified usage

Verified import paths — ran on the pinned version, not inferred.

DependencyFlow
✓ const DependencyFlow = require('webpack-dependency-flow')
✗ import DependencyFlow from 'webpack-dependency-flow'
Package uses CommonJS only; ESM import not supported in v0.3.0. Use require.

Create a static HTML file of dependency graph outputting to ./flows/dependency-flow.html.

// webpack.config.js const DependencyFlow = require('webpack-dependency-flow'); module.exports = { plugins: [ new DependencyFlow({ build: { dir: './flows', name: 'dependency-flow.html' }, serve: false }) ] };
Debug
Known issues
deprecatedThe API signature uses positional arguments which may be confusing.
fix
Use object-based options: new DependencyFlow({build: ..., serve: ...}) if supported in future versions.
affects: >=0.0.0
gotchaThe plugin only works in webpack watch mode for the live server.
fix
Ensure you run webpack with --watch when using the serve option.
affects: >=0.0.0
gotchaDefault ports may conflict (3001 and 3000).
fix
Explicitly set ports via serve options.
affects: >=0.0.0
Errors
Common errors & fixes
Error: Cannot find module 'webpack-dependency-flow'
Package not installed
fix
npm install webpack-dependency-flow --save-dev
TypeError: DependencyFlow is not a constructor
Incorrect import syntax (ESM)
fix
Use require() instead of import.
Upgrade
Version history
0.3.0latest on npm
Audit
Dependencies
webpackrequiredPlugin designed to run within webpack's compilation lifecycle
Agent activity
15 hits · last 30 days
node
14
Resources
packagehttps://www.npmjs.com/package/webpack-dependency-flow ↗
webpack-dependency-flow — npm install webpack-dependency-flow · libregistry