在前端开发中，Babel 是一个非常重要的工具，它可以将 ES6 或更高版本的 JavaScript 代码转换成兼容各种浏览器的低版本 JavaScript 代码。Babel 的插件也是非常丰富的，可以让我们的前端开发更加便捷。
在这篇文章中，我们将学习如何使用 @airb/babel 这个 NPM 包。
安装
首先，我们需要在我们的项目中安装 @airb/babel，可以使用以下命令：
npm install @airb/babel
配置
在安装完成后，我们需要进行配置，我们可以在项目的根目录下创建一个名称为 .babelrc 的文件，并在其中添加以下代码：
{ "presets": [ "@airb/babel/preset" ] }
这个 .babelrc 文件中，我们通过 "presets" 关键字告诉 Babel 我们要使用 @airb/babel 这个 preset，它将会包含了一系列的插件和配置，来提供更好的兼容性转换功能。
使用
开始使用 @airb/babel ，我们需要在命令行中运行 babel 命令，该命令允许我们将一个源代码文件转化成 ES5 的代码，可以通过以下方式使用：
babel example.js -o dist.js
这里的 example.js 是我们的源代码文件， -o 是输出的意思，对应后面跟随的 dist.js 是生成的 ES5 代码文件。
示例代码
-- -------------------- ---- ------- -- ---- -- -- ------- ------ ---- ------- -- --- --------- ----- ---------- - -- -- ------------------ --------- -- ---- -- ------- ---- -- ----- ------------ -- ---- -------- --- --------- ----- ---- --- ---------- ---- ---- ---- -------- --- ---------- - -------- ------------ - ------ ------------------ --------- --展开代码
结论
至此，我们已经学会如何使用 @airb/babel 这个 NPM 包了。它可以让我们更快、更简单地将新标准的 JavaScript 代码转化成浏览器可用的 ES5 代码。同时，我们还可以自己定义更多的插件，来实现我们自己的需求。
如果你在使用过程中有任何疑问，可以参考 @airb/babel 的官方文档，或者在相关技术社区中求助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/105933
