Babel 配置生成器

根据项目需要勾选 React、TypeScript、目标浏览器等选项,一键生成可直接使用的 babel.config.json 配置内容。所有生成都在浏览器本地完成,不会上传任何信息。

配置选项 等待选择

预设按固定顺序输出:preset-env → preset-react → preset-typescript;未勾选任何预设时会自动保留 preset-env。

生成结果
预设数量 —
React —
TypeScript —
配置大小 —
选择配置选项后点击「生成配置」,babel.config.json 内容将显示在这里。

配置全部在浏览器本地生成,请按项目实际情况调整 targets 与预设。

生成规则
  • 启用 preset-env 时输出 ["@babel/preset-env", { "targets": ... }]。
  • 未填写 targets 时使用字符串 "defaults" 作为默认目标。
  • 启用 React 时追加 ["@babel/preset-react", { "runtime": "automatic" }]。
  • 启用 TypeScript 时追加字符串 "@babel/preset-typescript"。
  • 若所有预设均未勾选,会自动回退保留 preset-env,避免空配置。
  • 输出为标准 JSON(2 空格缩进),可直接复制或复制保存为文件。
  • 配置内容仅供参考,请结合项目实际情况调整。