Webpack 配置生成器
选择单个 JavaScript 入口和输出目录,生成范围受限的 CommonJS 起始配置。复制或下载 webpack.config.cjs 后在项目中复核。
面向 Webpack 5 和 webpack-dev-server 5。使用前核对依赖版本和项目。此工具不运行或验证构建。
使用步骤
如何使用
- 设置相对入口和输出路径、模式、端口及公共路径。
- 生成并检查配置和依赖说明。
- 复制或下载起始配置,安装兼容依赖并在自己的项目中验证。
版本和依赖范围
面向 Webpack 5 和 webpack-dev-server 5,需要 webpack-cli、babel-loader、@babel/core、@babel/preset-env、style-loader 和 css-loader。请选择兼容的包和 Node.js 版本,工具不会安装任何包。
起始配置限制
仅一个 JavaScript 入口,不包含 JSX、TypeScript、HTML 生成、CSS 提取、框架预设或部署配置。开发服务器提供 public 目录,请自行提供按公共路径引用 bundle 的 HTML。生产模式不等于可投入生产,工具不验证构建和依赖兼容性。
本地生成
相对路径只支持受限 ASCII 字符,不允许父目录段。端口范围为 1024–65535。公共路径为 auto 或以 / 开头和结尾的目录。工具仅在本地生成文本,不读取项目文件或启动服务器。
常见问题
你可能还想知道
为什么下载 .cjs 文件?
起始配置使用 CommonJS require 和 module.exports。.cjs 扩展名让使用 type: module 的项目也明确采用此格式。
生成的构建保证能运行吗?
不保证。这只是起始片段,请检查路径、提供 HTML、选择兼容依赖并自行运行项目构建。