babel安装与使用

babel的作用：将ES6编译成ES5

• 安装node：http://nodejs.cn/

判断node是否安装成功：

• 用命令行切换到项目目录下：
  

• 初始化package.json文件：
  

• 安装babel：

npm install babel-cli -g
npm install babel-preset-es2015 --save-dev

• 新建一个 .babelrc 文件，进行文件配置：

{
    "presets": [
        "es2015"
    ],
    "plugins": []
}

• 新建一个src文件夹，在该文件夹下新建一个lib.js文件，用ES6格式：

let a=10,b=20;
let add=(n1,n2)=>n1+n2;
add(a,b);

在cmd中输出，可以在cmd中输入：babel lib.js

• 在终端输出

1. 法一：新建一个dist文件夹，将编译后的ES5格式的文件放到该目录下：

在cmd中输入：babel src/lib.js -o dist/lib_es5.js

说明：-o 指定输出后文件的名称，把lib.js文件输出到 lib_es5.js 中

lib_es5.js：

"use strict";

var a = 10,
    b = 20;
var add = function add(n1, n2) {
  return n1 + n2;
};
add(a, b);

2. 法二：新建一个dist文件夹，将编译后的ES5格式的所有文件放到该目录下：

在cmd中输入：babel src -d dist

说明：将src目录下的所有ES6格式文件全部转为ES5格式文件，放入dist文件夹下

lib.js：

"use strict";

var a = 10,
    b = 20;
var add = function add(n1, n2) {
  return n1 + n2;
};
add(a, b);