前言
在编写 JavaScript 代码时，我们时常需要使用新的语言特性以及 ES6/ES7 的新语法，但是不同版本的浏览器对于支持程度并不统一，为了让代码能够运行在所有浏览器上，我们需要使用 babel 转译工具将代码转换成浏览器支持的 ES5 语法。
babel-preset-stage-3-without-async 是一个专门为项目中去除 async 和 await 关键字而开发的 babel 预设包，本文将为大家详细介绍该包的使用方法。
安装
通过以下命令安装 babel-preset-stage-3-without-async：
npm install babel-preset-stage-3-without-async --save-dev
配置
在项目根目录下新建一个 .babelrc 文件，并配置如下内容：
-- -------------------- ---- -------
-
---------- -
------- -
---------- -
----------- ------ - ---------- ------- -- ---
-
---
-----------------------
--
---------- --
-其中，presets 是预设包列表，env 是一个 babel 插件，用于根据指定的浏览器版本来进行语法转换，"stage-3-without-async" 是本文介绍的预设包，用于对代码进行转译，plugins 列表中可以添加需要使用的 babel 插件。
示例代码
下面是一个使用 async/await 关键字的示例代码：
async function getData() {
const result = await fetch('/api/data');
const data = await result.json();
return data;
}使用 babel-preset-stage-3-without-async 可以将上面的代码转换成如下的 ES5 语法：
function getData() {
return fetch('/api/data')
.then(function(result) {
return result.json();
});
}总结
本文介绍了 babel-preset-stage-3-without-async 的使用方法，通过安装和配置该预设包可以实现将代码中的 async 和 await 关键字转换成浏览器支持的 ES5 语法。这对于需要支持老旧浏览器的项目而言非常有用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005590681e8991b448d65b2