我正在尝试在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 polyfill提供的所有模块，您可以在webpack配置中指定babel再生器运行时：
module.exports = {
entry: ['babel-regenerator-runtime', './test.js'],
// ...
};
当将webpack-dev-server与HMR一起使用时，这样做可以大大减少每次构建时必须编译的文件数量。这个模块是作为babel polyfill的一部分安装的，所以如果你已经有了，你就可以了，否则你可以用npm i-D babel再生器运行时单独安装它。
其他回答
babel再生器运行时现在已被弃用，而应该使用再生器。
要将运行时生成器与webpack和babel v7一起使用，请执行以下操作：
安装再生器运行时：
npm i -D regenerator-runtime
然后在webpack配置中添加：
entry: [
'regenerator-runtime/runtime',
YOUR_APP_ENTRY
]
我在Chrome中遇到了这个问题。与RieneVaPlu的回答类似，这为我解决了问题：
npm install --save-dev regenerator-runtime
然后在我的代码中：
import 'regenerator-runtime/runtime';
很高兴避免babel polyfill额外的200 kB。
至babel7用户和ParcelJS>=1.1.0用户
npm i @babel/runtime-corejs2
npm i --save-dev @babel/plugin-transform-runtime @babel/core
巴氏合金
{
"plugins": [
["@babel/plugin-transform-runtime", {
"corejs": 2
}]
]
}
取自https://github.com/parcel-bundler/parcel/issues/1762
在一个使用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。
使现代化
如果你将目标设置为Chrome，它就会起作用。但它可能不适用于其他目标，请参阅：https://github.com/babel/babel-preset-env/issues/112
因此，这个答案对于最初的问题来说不太合适。我将把它保存在这里，作为babel预置env的参考。
一个简单的解决方案是在代码开头添加import“babel polyfill”。
如果您使用webpack，快速解决方案是添加babel polyfill，如下所示：
entry: {
index: ['babel-polyfill', './index.js']
}
我相信我找到了最新的最佳实践。
检查此项目：https://github.com/babel/babel-preset-env
yarn add --dev babel-preset-env
将以下内容用作babel配置：
{
"presets": [
["env", {
"targets": {
"browsers": ["last 2 Chrome versions"]
}
}]
]
}
那么你的应用程序应该可以在最近两个版本的Chrome浏览器中使用。
您还可以将节点设置为目标，或根据https://github.com/ai/browserslist
告诉我什么，不要告诉我怎么做。
我真的很喜欢babel preset env的哲学：告诉我你想要支持哪个环境，而不是告诉我如何支持它们。这是声明式编程的优点。
我已经测试了异步等待，它们确实有效。我不知道它们是如何工作的，我真的不想知道。我想把时间花在我自己的代码和业务逻辑上。多亏了babel预置env，它将我从babel配置地狱中解放出来。
