使用Babel将es6转换es5

目录

Babel是什么?

命令行转换babel-cli

安装

使用

配置文件

babel-polyfill

安装

在js中使用

将Babel集成到webpack中

Babel配置

webpack配置

1)安装webpack

2)添加配置文件 webpack.config.js

3) 修改package.json

4)打包 

拓展

npm中 save与 save-dev区别

---

Babel是什么?

Babel是一个javascript编译器即一个工具链，主要用于在旧的浏览器或环境中将ECMAScript2015+代码转换为向后兼容版本的javascript代码。

命令行转换babel-cli

 全局环境下进行Babel转换。这意味着，如果项目要运行，全局环境必须有Babel，也就是说项目产生了对环境的依赖。

安装

1) 安装 babel-cli

 $ sudo npm install  --global babel-cli

2) 安装预设

$ npm install --save-dev babel-preset -latest

3) 在项目中添加配置文件

在当前项目的根目录下创建该文件           vim  .babelrc

{

      "presets":["latest"]

}

**:红色标注的要保持一致,具体原因请看后面的配置文件信息

使用

转换结果输出到标准输出

$ babel example.js

将结果输出到指定文件

$ babel example.js -o index.js

整个目录转码 --out-dir 或 -d 参数指定输出目录

$ babel src -d lib

 

配置文件