webpack.config.js Builder

Toggle the core options and watch a real webpack.config.js assemble itself, each key explained. This is the explicit version of the zero-config magic from Part 1.

1 · Configure

mode

development = fast & readable; production = optimized & minified.

entry

output.filename

Use [name] and [contenthash] for cache-busting (Part 8).

output.path

output.clean — wipe dist/ before each build multiple entries (app + vendor) resolve.alias + extensions source maps (devtool)