我正在尝试在Babel 6上从头开始使用async/await，但我得到的是regeneratorRuntime没有定义。
.babelrc文件
{
"presets": [ "es2015", "stage-0" ]
}
package.json文件
"devDependencies": {
"babel-core": "^6.0.20",
"babel-preset-es2015": "^6.0.15",
"babel-preset-stage-0": "^6.0.15"
}
.js文件
"use strict";
async function foo() {
await bar();
}
function bar() { }
exports.default = foo;
在没有async/await的情况下正常使用它，效果很好。知道我做错了什么吗？
当前回答
在一个使用babel.buildExternalHelpers（）和babel插件外部帮助程序创建自定义babelHelpers.js文件的场景中，我认为对客户端来说成本最低的解决方案是将再生器runtime/runtime.js添加到输出中，而不是添加所有polyfill。
// runtime.js
npm install --save regenerator-runtime
// building the custom babelHelper.js
fs.writeFile(
'./babelHelpers.js',
fs.readFileSync('node_modules/regenerator-runtime/runtime.js')
+ '\n'
+ require('babel-core').buildExternalHelpers()
)
当包含babel polyfill时，此解决方案减少到约20KB，而不是约230KB。
其他回答
如果你正在构建一个应用程序，你只需要@babel/preset-env和@babel/polyfill：
npm i -D @babel/preset-env
npm i @babel/polyfill
（注意：您不需要安装core js和再生器运行时包，因为它们都将由@babel/polyfill安装）
然后在.babelrc中：
{
"presets": [
[
"@babel/preset-env",
{
"useBuiltIns": "entry" // this is the key. use 'usage' for further codesize reduction, but it's still 'experimental'
}
]
]
}
现在设置目标环境。在这里，我们在.browserlistrc文件中执行此操作：
# Browsers that we support
>0.2%
not dead
not ie <= 11
not op_mini all
最后，如果使用useBuiltIns:“entry”，请将import@babel/polyfill放在条目文件的顶部。否则，你就完蛋了。
使用此方法将有选择地导入那些polyfills和“再生器运行时”文件（此处未定义修复再生器的运行时问题），前提是任何目标环境/浏览器都需要它们。
对于希望使用babel polyfill版本7^的用户，请使用webpack ver3^进行此操作。
Npm安装模块Npm i-D@babel/polyfill
然后在入口点的webpack文件中执行以下操作
entry: ['@babel/polyfill', path.resolve(APP_DIR, 'App.js')],
笔记如果您使用的是babel7，则该包已重命名为@babel/plugin-transform runtime。
除了polyfill，我还使用babel插件转换运行时。插件描述如下：
外部化对助手和内置程序的引用，自动聚合填充代码而不会污染全局。这到底意味着什么？基本上，您可以使用Promise、Set、Symbol等内置功能，也可以无缝使用所有需要polyfill的Babel功能，而不会造成全局污染，因此非常适合于库。
它还支持异步/等待以及ES6的其他内置功能。
$ npm install --save-dev babel-plugin-transform-runtime
在.babelrc中，添加运行时插件
{
"plugins": [
["transform-runtime", {
"regenerator": true
}]
]
}
在2019年Babel 7.4.0+中，Babel polyfill包已被弃用，转而直接包含core js/stable(core-js@3+，到polyfill ECMAScript功能）和再生器运行时/运行时（需要使用转译生成器函数）：
import "core-js/stable";
import "regenerator-runtime/runtime";
babel polyfill文档中的信息。
如果您使用Gulp+Babel作为前端，则需要使用Babel polyfill
npm安装babel polyfill
然后在所有其他脚本标记之上向index.html添加一个脚本标记，并引用node_modules中的babel polyfill
