配置选项等待输入

mode 构建模式 entry 入口文件 output.path 输出目录 output.filename 输出文件名 output.publicPath 公共路径 devtool 源码映射 target 构建目标

clean 清空输出目录 optimization.minimize 压缩 css-loader 处理 CSS babel-loader 转译 JS HtmlWebpackPlugin 插件 devServer 开发服务器 hot 热更新 open 启动时打开浏览器

devServer.port 端口

勾选 loader 时会自动加入 module.rules，勾选插件与 devServer 会生成对应配置块。

生成结果

模式—

入口—

Loader—

devServer—

选择配置选项后，点击「生成配置」输出 webpack.config.js。

生成内容包含 mode、entry、output、module、plugins、devServer 与 optimization，可按项目需要继续调整。

Webpack 配置生成器