es6 babel 安装以及使用

1，安装好node(须要使用npm包管理工具)

2，在本地项目路径下npm init，格式化成功后会在项目下生成一个配置文件package.json

3，本地安装bable npm install --save-dev babel-cli （如需卸载以前的babel使用命令  npm uninstall --global babel-cli），

　　安装成功后，devDependencies（依赖）会出现一个"babel-cli": "^6.26.0"（命令行工具，这一步还只能使用命令行工具，并不能进行转译）,

4，安装转译依赖 npm install  --save-dev babel-preset-env（

　　安装成功后，devDependencies（依赖）会出现一个"babel-preset-env": "^1.7.0"

5，在package.json中配置babel ，转译规则须要安装依赖 
　　（npm install --save-dev babel-preset-es2015）

{
  "name": "es6-babel",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "directories": {
    "lib": "lib"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "babel src -d lib"
  },
    //添加babel配置
  "babel":{
    //presets 定义转译规则
    "presets":["es2015"]
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel-cli": "^6.26.0",
    "babel-preset-env": "^1.7.0",
    "babel-preset-es2015": "^6.24.1"
  }
}

6，在命令行中调用babel，在package.json 中添加

 "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "babel src -d lib"  //把src 下面的全部文件 转译放到lib 文件下面
  },

7，编译es6代码，新建连个文件夹src 和 lib ,由于咱们上面命令用的是 babel src -d lib，而后运行编译命令npm run build   就能够看到src 下面的文件被所有编译对应的放在lib文件夹下面，须要使用直接引入lib文件夹下面对应的文件