本文章向大家介绍babel-plugin-transform-runtime，主要包括babel-plugin-transform-runtime使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。
引言
babel默认只转换新的 JavaScript 语法，比如箭头函数、spread。
不转换新的 API，例如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法（比如 Object.assign）都不会转译。
需要为当前环境提供一个垫片polyfill（一组代码，能够让旧的浏览器支持一些新的功能和特性），有三种：
1.babel-polyfill
2. babel-runtime
3. babel-plugin-transform-runtime
babel-polyfill
npm install --save babel-polyfill
因为这是一个 polyfill （它需要在你的源代码之前运行），我们需要让它成为一个 dependency，而不是一个 devDependency 。
babel-polyfill则是通过改写全局prototype的方式实现，比较适合单独运行的项目。
开启babel-polyfill的方式，可以直接在代码中require，或者在webpack的entry中添加，也可以在babel的env中设置useBuildins为true来开启。
但是babel-polyfill会有近100K，打包后代码冗余量比较大，对于现代的浏览器,有些不需要polyfill，造成流量浪费污染了全局对象
注意：你可能不需要 babel-polyfill 或者运行时插件，这取决于你实际想用 ES2015 中的哪个方法。你可能只想载入某些你正在使用的特定 polyfills (比如 Object.assign)，或者只是记录加载 library 的环境应该包含特定的 polyfills 。
babel-runtime
npm install --save babel-runtime
babel-runtime 是为了减少重复代码而生的。babel-runtime插件能够将这些工具函数的代码转换成require语句，指向为对babel-runtime的引用。每当要转译一个api时都要手动加上require(‘babel-runtime’)。
runtime转换器插件主要做了三件事：
1、当你使用generators/async方法、函数时自动调用babel-runtime/regenerator
2、当你使用ES6 的Map或者内置的东西时自动调用babel-runtime/core-js
3、移除内联babel helpers并替换使用babel-runtime/helpers来替换
babel-plugin-transform-runtime
以插件的形式在打包时引入到文件里，主要的功能是为api提供沙箱的垫片方案，更因此适合用在第三方的开发产品中（开发工具包，库），一方面是体积够小，另一方面是用户（开发者）不会因为引用了我们的工具，包而污染了全局的原生方法，产生副作用。
安装
在大多数情况下，你应该安装 babel-plugin-transform-runtime 作为开发依赖（使用 --save-dev）。
npm install --save-dev babel-plugin-transform-runtime
并且将 babel-runtime 作为生产依赖（使用 --save）。
npm install --save babel-runtime
因为babel编译es6到es5的过程中，babel-plugin-transform-runtime这个插件会自动polyfill es5不支持的特性，这些polyfill包就是在babel-runtime这个包里（core-js 、regenerator等）
用法：
通过 .babelrc（推荐）
将以下内容添加到你的 .babelrc 文件中：
未包含选项：
{
"plugins": ["transform-runtime"]
}
包含选项:
{
"plugins": [
["transform-runtime", {
"helpers": false,
"polyfill": false,
"regenerator": true,
"moduleName": "babel-runtime"
}]
]
}
选项
辅助(helpers)
默认值是:true
表示是否开启内联的babel helpers(即babel或者环境本来的存在的垫片或者某些对象方法函数)(clasCallCheck,extends,etc)在调用模块名字(moduleName)时将被替换名字。
垫片/polyfill
默认值是:`true’
表示是否把内置的东西(Promise,Set,Map,tec)转换成非全局污染垫片。
重新生成/regenerator
默认值是:true
是否开启generator函数转换成使用regenerator runtime来避免污染全局域。
模块名字/moduleName
默认值:babel-runtime
当调用辅助（内置垫片）设置模块（module）名字/路径.
eg:
{
"moduleName": "flavortown/runtime"
}
import extends from 'flavortown/runtime/helpers/extends';