如今有很過編譯的東西，比如是babel編譯，webpack，grunt，gulp。
這篇筆墨很簡單，就是讓我們運用es6語法的代碼，不單單議能夠讓谷歌瀏覽器看，還能夠運用ie8以上的瀏覽器看，實在就是把我們的代碼，把es6語法轉化為es5語法。
下面我們以運用babel為例。
1.我們新建一個文件夾，名字就叫babel好啦。
然後在這個文件夾里，進入cmd，運用npm init。建立一個package.json（設置信息）。一起回車即可。
package.json內里的內容是

{
  "name": "babel",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

2.全局裝置babel。

npm install --g babel-cli

3.建立一個src（叫啥都能夠）文件夾。內里有個1.js。寫點es66代碼。

1. 增加build敕令行。

在scripts內里能夠剛一些，我們本身寫的敕令行。這裏我們增加一條敕令。”build”: “babel src -d lib”，意義就是當我們npm run build 即就是npm run babel src -d lib。babel src -d lib，就是babel（編譯） src（送住文件夾的src里），-d（目的），lib（到文件夾的lib里）

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "babel src -d lib"
  },

5.裝置開闢依靠
在package.json里增加

  "devDependencies": {
    "babel-cli": "^6.0.0"
  },

然後在npm i。
6.如今你能夠在cmd里運轉npm run build。能夠看到。babel文件夾里自動生成了一個lib文件夾。內里也對應生成了一個1.js。這就是“babel src -d lib”。然則這個1.js和src內里的1.js一抹一樣，沒有舉行編譯，這是為啥？
7.在babel文件夾沒新建.babelrc文件。內里的內容是：

{
    "presets": ["env"]
}
能夠理解為presets環境變量的意義。env形式。

8.裝置babel-preset-env到開闢依靠。

  "devDependencies": {
    "babel-preset-env": "^1.7.0",
    "babel-cli": "^6.0.0"
  },

然後在npm i
9.然後在npm run build。就能夠看到lib內里的文件被編譯了。
固然了 src內里能夠有多個js。那末lib也就是對應編譯出多個js了。