{"id":20743,"library":"webpack-dependency-flow","title":"webpack-dependency-flow","description":"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.","status":"active","version":"0.3.0","language":"javascript","source_language":"en","source_url":null,"tags":["javascript","webpack","webpack-plugin"],"install":[{"cmd":"npm install webpack-dependency-flow","lang":"bash","label":"npm"},{"cmd":"yarn add webpack-dependency-flow","lang":"bash","label":"yarn"},{"cmd":"pnpm add webpack-dependency-flow","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Plugin designed to run within webpack's compilation lifecycle","package":"webpack","optional":false}],"imports":[{"note":"Package uses CommonJS only; ESM import not supported in v0.3.0. Use require.","wrong":"import DependencyFlow from 'webpack-dependency-flow'","symbol":"DependencyFlow","correct":"const DependencyFlow = require('webpack-dependency-flow')"}],"quickstart":{"code":"// webpack.config.js\nconst DependencyFlow = require('webpack-dependency-flow');\n\nmodule.exports = {\n  plugins: [\n    new DependencyFlow({\n      build: { dir: './flows', name: 'dependency-flow.html' },\n      serve: false\n    })\n  ]\n};","lang":"javascript","description":"Create a static HTML file of dependency graph outputting to ./flows/dependency-flow.html."},"warnings":[{"fix":"Use object-based options: new DependencyFlow({build: ..., serve: ...}) if supported in future versions.","message":"The API signature uses positional arguments which may be confusing.","severity":"deprecated","affected_versions":">=0.0.0"},{"fix":"Ensure you run webpack with --watch when using the serve option.","message":"The plugin only works in webpack watch mode for the live server.","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"Explicitly set ports via serve options.","message":"Default ports may conflict (3001 and 3000).","severity":"gotcha","affected_versions":">=0.0.0"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"npm install webpack-dependency-flow --save-dev","cause":"Package not installed","error":"Error: Cannot find module 'webpack-dependency-flow'"},{"fix":"Use require() instead of import.","cause":"Incorrect import syntax (ESM)","error":"TypeError: DependencyFlow is not a constructor"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}