{"id":21985,"library":"rollup-plugin-dependency-flow","title":"rollup-plugin-dependency-flow","description":"A Rollup plugin (v0.3.0) for visualizing module dependency graphs as interactive HTML or live webserver. Generates static HTML files or serves a real-time updated graph during watch mode. Lightweight, no external UI dependencies, configurable output and ports.","status":"active","version":"0.3.0","language":"javascript","source_language":"en","source_url":null,"tags":["javascript","rollup-plugin"],"install":[{"cmd":"npm install rollup-plugin-dependency-flow","lang":"bash","label":"npm"},{"cmd":"yarn add rollup-plugin-dependency-flow","lang":"bash","label":"yarn"},{"cmd":"pnpm add rollup-plugin-dependency-flow","lang":"bash","label":"pnpm"}],"dependencies":[],"imports":[{"note":"Default export. Use ESM import for modern bundlers.","wrong":"const deps = require('rollup-plugin-dependency-flow')","symbol":"default","correct":"import deps from 'rollup-plugin-dependency-flow'"},{"note":"Do not destructure – the default export is the function.","wrong":"import { deps } from 'rollup-plugin-dependency-flow'","symbol":"default as named","correct":"import deps from 'rollup-plugin-dependency-flow'"},{"note":"CJS require works fine; no .default needed.","wrong":"const deps = require('rollup-plugin-dependency-flow').default","symbol":"require","correct":"const deps = require('rollup-plugin-dependency-flow')"}],"quickstart":{"code":"// rollup.config.js\nimport deps from 'rollup-plugin-dependency-flow';\n\nexport default {\n  input: 'src/index.js',\n  output: {\n    dir: 'dist',\n    format: 'esm'\n  },\n  plugins: [\n    deps({\n      build: {\n        dir: './dependency-visualization',\n        name: 'dep-graph.html'\n      }\n    })\n  ]\n};","lang":"javascript","description":"Generates a static HTML file visualizing Rollup module dependencies."},"warnings":[{"fix":"Use deps(false, { port: 8085 }) to enable serve mode.","message":"Calling deps() without arguments uses default build config, not server mode. To start a server, pass serve config explicitly.","severity":"gotcha","affected_versions":">=0.1"},{"fix":"Switch to import deps from 'rollup-plugin-dependency-flow'.","message":"CommonJS require pattern may not be supported in future versions; prefer ESM imports.","severity":"deprecated","affected_versions":">=0.3"}],"env_vars":null,"last_verified":"2026-04-27T00:00:00.000Z","next_check":"2026-07-26T00:00:00.000Z","problems":[{"fix":"Run npm install rollup-plugin-dependency-flow","cause":"Package not installed or typo in package name.","error":"Error: Cannot find module 'rollup-plugin-dependency-flow'"},{"fix":"Use import deps from 'rollup-plugin-dependency-flow' (without braces).","cause":"Incorrect import – destructured named export instead of default.","error":"TypeError: deps is not a function"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}