Initialising Workbench...
Build your webpack.config.js visually. Choose loaders, plugins, devServer settings and get copy-ready output.
webpack.config.js
Every tool runs entirely in your browser. Nothing you type is uploaded, stored, or logged on our servers.
The Webpack Config Generator helps you scaffold a webpack.config.js without memorising every option. Pick your mode, devtool, loaders (Babel, CSS, Sass, asset), plugins, and dev-server config — and get a clean, annotated file instantly.
The generated config uses best practices for both development and production builds. Copy it directly or download it as a file — no server, no signup.
It scaffolds a webpack.config.js based on your chosen entry, output, loaders, and plugins, giving you a working build configuration to start from.
No. The config is generated entirely client-side in your browser, so your settings never leave your machine.
Place it as webpack.config.js at your project root, then run Webpack through your build script or the CLI.
Yes. The tool produces config text only. You install webpack and any referenced loaders or plugins with your own package manager.
Yes. The output is standard JavaScript you can edit to add rules, optimization settings, or environment-specific logic.