在前端的开发中为了兼容低端的浏览器如(IE),只能使用较老的 ECMAScript 语法,如 ES5。如果即想要用最新的 ES语法 来进行开发又要让项目兼容低端浏览器,就可以使用 Babel 来进行转换。

ES6转ES5


全局安装 Babel 脚手架

1
npm install -g babel-cli

在项目中安装目标版本的 Babel 转码器

1
npm install --save-dev babel-preset-es2015

在项目中建立 .babelrc 文件,presets 选择 es2015

1
2
3
4
{
"presets": ["es2015"],
"plugins": []
}

批量生成 ES5 代码

1
babel [ES6代码目录] -d [生成后的目录名]

关于 Babel 的更多: https://www.babeljs.cn