@ava/babel-preset-stage-4 是一个用来构建前端项目的 JavaScript 编译器，可以把 ES6/7/8/9 代码转换成 ES5 代码。这个 npm 包包含了 babel-preset-stage-4 所有的插件，是一个非常方便的工具，使用教程如下。
安装
你可以使用 npm 安装 @ava/babel-preset-stage-4，安装命令如下：
npm install @ava/babel-preset-stage-4 --save-dev
配置
在项目的根目录下创建一个 .babelrc 文件，然后在这个文件中添加以下代码：
{
"presets": [
"@ava/stage-4"
]
}这样就可以使用 @ava/babel-preset-stage-4 这个编译器对项目中的 JavaScript 代码进行编译了。
示例
让我们看一个例子来了解如何使用 @ava/babel-preset-stage-4 这个 npm 包。
引入
首先，在 index.js 文件中引入需要的模块：
import axios from 'axios';
import { sum } from './utils';ES6 语法
下面是一些 ES6 语法的示例：
-- -------------------- ---- -------
-- --- - -----
--- ---- - -------
----- --- - ---
-- ----
----- --- - --- -- -- - - --
-- -
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
---------- -
------------------- -- ---- -- ----------------
-
-
-- -----
----- ------- - --- ---- -- ------- --- - -- ------ ----- ------
-- ----
----- - -- - - - - -- -- -- - --
-- -----
----- ------- - --- -- ---
----- ---------- - ------------ -- -- ---async/await
下面是一个使用 async/await 的示例：
-- -------------------- ---- -------
----- -------- ----------- -
--- -
----- -------- - ----- --------------------------------------------------------
----- ----- - --------------
-------------------
- ----- ----- -
-----------------
-
-
------------Promise
下面是一个使用 Promise 的示例：
-- -------------------- ---- -------
-------- ------------- -
------ --- ----------------- ------- -- -
-------------------------------------------------------------
-------------- -- -
-----------------------
--
---------- -- -
------------
---
---
-
------------
---------- -- -
------------------
--
---------- -- -
-----------------
---以上就是一个 @ava/babel-preset-stage-4 的使用教程，该 npm 包可以帮助我们更加方便地构建 JavaScript 项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/100590