代码、数据与二维码工具

Webpack 配置生成器

选择单个 JavaScript 入口和输出目录,生成范围受限的 CommonJS 起始配置。复制或下载 webpack.config.cjs 后在项目中复核。

优先本地处理无需注册隐私说明 ↗

面向 Webpack 5 和 webpack-dev-server 5。使用前核对依赖版本和项目。此工具不运行或验证构建。

使用步骤

如何使用

  1. 设置相对入口和输出路径、模式、端口及公共路径。
  2. 生成并检查配置和依赖说明。
  3. 复制或下载起始配置,安装兼容依赖并在自己的项目中验证。

版本和依赖范围

面向 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、选择兼容依赖并自行运行项目构建。