📅 最后修改于: 2023-12-03 14:59:27.503000 🧑 作者: Mango
BabelJS是一个JavaScript编译器，用于将ES6+代码转换为向后兼容的JavaScript。
JavaScript语言不断地发展，ES6+引入了许多新的语言特性。然而，不是所有的浏览器都支持ES6+，因此需要一种机制来编译这些新特性并生成向后兼容的JavaScript代码，以便可以在旧的浏览器上运行。
使用以下命令安装BabelJS：
npm install --save-dev @babel/core @babel/cli @babel/preset-env
这将在本地安装BabelJS以及所需的预设。
要使用BabelJS编译JavaScript文件，请使用以下命令：
npx babel input.js -o output.js
这将读取“input.js”文件，并将编译后代码写入“output.js”文件。
如果你想编译整个目录中的所有JavaScript文件，请使用以下命令：
npx babel src -d lib
这将读取“src”目录中的所有JavaScript文件，并将编译后代码写入“lib”目录中。
BabelJS预设是一组插件集合，可自动启用一组插件以处理特定的语言特性。
例如，@babel/preset-env可以处理所有ES6+特性，而@babel/preset-react可以处理React特性。
通过在BabelJS配置文件中指定一个或多个预设，可以轻松地管理应用程序的编译。
{
"presets": ["@babel/preset-env", "@babel/preset-react"]
}
BabelJS插件是有针对性的，可以针对特定的语言特性来编写。这些插件可以是官方插件，也可以是社区插件。
以下是一些常用的BabelJS插件：
要使用BabelJS插件，请将其添加到BabelJS配置文件中的“plugins”部分。
{
"plugins": ["@babel/plugin-proposal-class-properties", "@babel/plugin-transform-runtime", "@babel/plugin-syntax-dynamic-import"]
}
BabelJS是一个非常强大和流行的JavaScript编译器。它使我们可以使用最新的JavaScript语言特性，同时可以生成向后兼容的代码，以便可以在尽可能多的浏览器中运行。此外，BabelJS还有许多插件和预设，使其变得更加灵活和功能强大。