How to use babel-runtime in Babel 6?

在 Babel 6 中使用 Babel 运行时（Babel runtime）主要是为了能够在编译后的代码中复用Babel注入的帮助函数，减少生成代码的冗余，并支持构建时的代码转换如 async/await。以下是使用Babel运行时的步骤：

1. 安装必要的包

首先，你需要安装 babel-core 和 babel-runtime，还有 babel-plugin-transform-runtime 插件。这可以通过 npm 来完成：

bash
npm install --save-dev babel-core
npm install --save babel-runtime
npm install --save-dev babel-plugin-transform-runtime

2. 配置 .babelrc 文件

在项目的根目录下创建一个 .babelrc 文件（如果还没有的话），然后添加 transform-runtime 插件到你的 Babel 配置。这个插件会自动引入 babel-runtime 下的模块，以便在编译的代码中使用。配置看起来会像这样：

json
{
  "plugins": [
    ["transform-runtime", {
      "helpers": true,
      "polyfill": true,
      "regenerator": true
    }]
  ]
}

这里的配置项含义如下：

• helpers: 设置为 true 以开启自动化引入 Babel helper 函数。
• polyfill: 设置为 true 可以引入一个全局的 polyfill，模仿完整的 ES2015+ 环境。
• regenerator: 开启后，将支持生成器和 async/await。

3. 编写 ES2015+ 代码

现在你可以开始编写使用 ES2015 或更高版本语法的 JavaScript 代码了。例如，你可以使用箭头函数、Promise、async/await 等特性。

javascript
async function fetchData() {
  const response = await fetch('https://api.example.com/data');
  const data = await response.json();
  return data;
}

4. 构建过程

当你构建项目时（例如使用 Webpack 或 Babel CLI），Babel 将自动应用 transform-runtime 插件，将你的代码转换为向后兼容的 JavaScript，并且减少了全局污染和代码重复。

5. 运行和测试

最后，运行你的应用或进行测试，确保一切功能正常。由于引入了polyfill和其他runtime支持，即使在旧的浏览器环境中，使用现代JavaScript编写的应用也应该能够正常工作。

这种配置方式对于库和工具的开发尤其有用，因为它可以避免全局空间污染，并确保库之间不会因为helper函数重复而产生冲突。