背景
随着 ES6 的普及，Promise 成为了前端开发中不可或缺的一部分。但是，在使用 Babel 进行代码转换时，我们会发现 Babel 并不支持 ES6 Promise 对象的转换，这给我们的开发带来了极大的不便。
原因
Babel 的设计初衷是将 ES6 代码转换为 ES5 代码，以便更广泛地兼容浏览器。但是，ES6 Promise 对象在 ES5 中并没有对应的实现，因此 Babel 并没有将其转换为 ES5 代码。
解决方案
方案一：使用 polyfill
使用 polyfill 是解决 ES6 Promise 对象转换问题的最简单有效的方式。polyfill 会在运行时自动为浏览器提供 Promise 对象的实现，从而解决 Babel 转换时的问题。
在使用 polyfill 之前，我们需要先安装相应的依赖库：
npm install --save babel-polyfill
然后，在代码的入口处引入 polyfill：
import 'babel-polyfill';
这样，我们就可以在代码中使用 ES6 Promise 对象了。
方案二：使用 transform-runtime 插件
transform-runtime 是 Babel 官方提供的插件，它可以将 ES6 代码转换为使用 babel-runtime 库的代码，从而解决 ES6 Promise 对象转换的问题。
首先，安装 transform-runtime 插件：
npm install --save-dev babel-plugin-transform-runtime
然后，在 .babelrc 文件中配置插件：
{
"plugins": [
["transform-runtime", {
"polyfill": false,
"regenerator": true
}]
]
}最后，在代码中引入 babel-runtime 库：
import 'babel-runtime/core-js/promise';
这样，我们就可以在代码中使用 ES6 Promise 对象了。
示例代码
-- -------------------- ---- -------
------ ----------------- -- -- ------ --------------------------------
----- ------- - --- ----------------- ------- -- -
------------- -- -
-------------------
-- ------
---
--------------------- -- -
-------------------- -- -------
---------------- -- -
---------------------
---总结
Babel 不支持 ES6 Promise 对象转换，但是我们可以通过使用 polyfill 或 transform-runtime 插件来解决这个问题。在实际开发中，我们应该根据具体情况选择合适的解决方案，以提高代码的可维护性和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65606164d2f5e1655da91239