babel在項目里的使用

1.手動在項目里創建文件 .babelrc

2.安裝

$ npm install --save-dev babel-cli

# ES2015轉碼規則
$ npm install --save-dev babel-preset-es2015

# react轉碼規則
$ npm install --save-dev babel-preset-react

# ES7不同階段語法提案的轉碼規則（共有4個階段），選裝一個
$ npm install --save-dev babel-preset-stage-0
$ npm install --save-dev babel-preset-stage-1
$ npm install --save-dev babel-preset-stage-2
$ npm install --save-dev babel-preset-stage-3

3.手動修改 .babelrc文件

{
    "presets": [
      "es2015",
      "react",
      "stage-2"
    ],
    "plugins": []
  }

4,修改 package.json文件，實現自動化轉碼，copy的時候請去掉註釋

{
  "scripts": {
    "build": "babel src -d dist"  //這句表示把src目錄下的文件自動轉碼到dist目錄下，dist目錄是自動創建的
  },  
}

4.命令行輸入以下命令進行轉碼

babel src -d dist