{"id":20784,"library":"webpack-jarvis","title":"webpack-jarvis","description":"A webpack dashboard that runs in the browser, providing real-time insights into your build process including ES harmony module counts, asset performance across connection types, and beautified error output with Google/Stackoverflow search. Current version 0.3.2 (beta), last updated in 2018, with no active development. It uses a Preact-based client, Socket.IO for real-time communication, and a Polka server. Unlike other webpack dashboards, it offers unique features like treeshakability analysis and integrated error search. Requires webpack as a peer dependency.","status":"deprecated","version":"0.3.2","language":"javascript","source_language":"en","source_url":"https://github.com/zouhir/jarvis","tags":["javascript"],"install":[{"cmd":"npm install webpack-jarvis","lang":"bash","label":"npm"},{"cmd":"yarn add webpack-jarvis","lang":"bash","label":"yarn"},{"cmd":"pnpm add webpack-jarvis","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"peer dependency: required to function as a webpack plugin","package":"webpack","optional":false}],"imports":[{"note":"Package is CJS-only; ESM import may fail in Node.js environments.","wrong":"import Jarvis from 'webpack-jarvis';","symbol":"Jarvis","correct":"const Jarvis = require('webpack-jarvis');"},{"note":"Must be instantiated with 'new' as it is a class.","wrong":"plugins: [Jarvis({ port: 1337 })]","symbol":"Jarvis","correct":"plugins: [new Jarvis({ port: 1337 })]"},{"note":"Export is a single class, not named export.","wrong":"const { Jarvis } = require('webpack-jarvis');","symbol":"Jarvis","correct":"const Jarvis = require('webpack-jarvis');"}],"quickstart":{"code":"// webpack.config.js\nconst path = require('path');\nconst Jarvis = require('webpack-jarvis');\n\nmodule.exports = {\n  entry: './src/index.js',\n  output: {\n    filename: 'bundle.js',\n    path: path.resolve(__dirname, 'dist'),\n  },\n  plugins: [\n    new Jarvis({\n      port: 1337,\n      host: 'localhost',\n      watchOnly: true,\n      packageJsonPath: process.cwd(),\n    }),\n  ],\n};","lang":"javascript","description":"Configures Jarvis as a webpack plugin with all options, enabling the browser dashboard on localhost:1337 during development."},"warnings":[{"fix":"Migrate to webpack-bundle-analyzer or others.","message":"Package is in beta and no longer maintained; consider alternatives like webpack-bundle-analyzer.","severity":"deprecated","affected_versions":">=0.0.0"},{"fix":"Use webpack 4 or switch to a compatible dashboard.","message":"Only works with webpack 4 and below; not compatible with webpack 5.","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"Explicitly set watchOnly: false for non-watch builds.","message":"watchOnly defaults to true, so Jarvis will not run for single builds; set to false if needed.","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"Assign unique ports via the 'port' option.","message":"Running multiple instances may cause port conflicts if not configured differently.","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":"Run 'npm install --save-dev webpack-jarvis'.","cause":"Package not installed or not in node_modules.","error":"Error: Cannot find module 'webpack-jarvis'"},{"fix":"Use 'new Jarvis(...)' in plugins array.","cause":"Missing 'new' keyword when instantiating.","error":"TypeError: Jarvis is not a constructor"},{"fix":"Ensure Babel is configured in your webpack setup (unlikely if project is already standard).","cause":"Jarvis client code uses JSX/ES6+; requires correct webpack configuration.","error":"Module parse failed: Unexpected token (1:0) - You may need an appropriate loader to handle this file type."}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}