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文件夾下面對應的文件