babel配置指南--兼容老式浏览器的垫片

发表于

babel-runtime

将es6编译成es5去运行，前端可以使用es6的语法来写，最终浏览器上运行的是es5

在大多数情况下，你应该安装 babel-plugin-transform-runtime 作为项目依赖（用 --save-dev ）

1
npm install --save-dev babel-plugin-transform-runtime

和 babel-runtime 作为生产依赖关系（用 --save-dev ）。

1
npm install --save babel-runtime

添加下面一行到你的 .babelrc 文件：

1
2
3
{
  "plugins": ["transform-runtime"]
}

或者

1
2
3
4
5
6
7
8
9
10
{
  "plugins": [
    ["transform-runtime", {
      "helpers": false,
      "polyfill": false,
      "regenerator": true,
      "moduleName": "babel-runtime"
    }]
  ]
}

babel-polyfill

不会将代码编译成低版本的js，他的原理是当运行环境中并没有实现的一些方法的时候会去做兼容
1
npm install --save babel-polyfill