Babel 是一个广泛使用的 JavaScript 编译器，可以将 ES6+ 代码转换为向后兼容的版本，使得开发者可以使用最新的 JavaScript 特性，同时保证代码能在旧版浏览器或环境中运行。

功能列表

  • 语法转换：支持将 ES6+ 语法转换为 ES5，确保代码兼容性。
  • 插件系统：通过插件扩展 Babel 的功能，例如代码压缩、代码风格检查等。
  • Polyfill：提供一系列 polyfill，帮助开发者填补不同浏览器的功能差距。

使用方法

安装 Babel

首先，你需要安装 Babel。可以通过 npm 或 yarn 来安装：

npm install --save-dev @babel/core @babel/preset-env
# 或者
yarn add --dev @babel/core @babel/preset-env

配置 Babel

接下来，创建一个 .babelrc 文件，并配置 Babel：

{
  "presets": ["@babel/preset-env"]
}

编译代码

使用 Babel 编译你的 JavaScript 文件：

npx babel src --out-dir dist
# 或者
npx babel src --out-dir dist --watch

相关链接

Babel Logo