ES6轉換成ES5

1、建立工程目錄

　　src:使用ES6語法編寫的JS文件；

　　dist:使用Babel轉換成ES5的文件，在項目引用的時候引用的是這個文件夾里邊的JS文件

2、初始化項目 

　　npm init -y  

　　-y是指表示全部默認，不需要一個一個敲回車

3、全局安裝Babel-cli   

　　

npm install -g babel-cli

 

4、本地安裝babel-preset-es2015 和 babel-cli

　　

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

 

5、新建.babelrc

　　

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

6、輸入終端轉換命令

　　

babel src/index.js -o dist/index.js

***簡化終端命令

　　修改package.json文件中的scripts,修改后為

{
  "name": "es6",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "babel src/index.js -o dist/index.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel-cli": "^6.24.1",
    "babel-preset-es2015": "^6.24.1"
  }
}

然后運行 npm run build 進行轉換