ES6 搭配 babel

前言:  百度 ES6搭配babel時，會出現不少的文章，可是大部分都會提到構建工具，讓人看的很是頭暈，因爲我並不須要構建工具，只是單純的想要將ES6代碼使用babel轉換成ES5,因此在感嘆網上資料雖然比較容易獲取，可是想要獲取本身想要的內容仍是得要進行一些篩選，尤爲是對於初學者來講！

- 首先電腦默認安裝了node執行環境

- 打開gitbash客戶端或者電腦上面的命令行工具,進入到項目指定目錄

- 輸入 npm init 一路 回車後應該會生成 一個package.json文件

- 建立一個 .babelrc 文件，在裏面輸入 {"presets": ["es2015"]}  

- npm install babel-preset-2015 --save-dev

這些工做都搞定後， 在命令行輸入 bable  test.js  -watch -o test.boundle.js      （test.js es6文件  test.boundle.js 轉碼後的文件）

就能夠實時監控 test.js文件的變化了, 可是常常在命令行輸入這麼長的字符很容易錯， 因此咱們能夠利用 packjson.json裏面的scripts屬性

在裏面配置這樣一個key便可   scripts: {"build": "babel test.js -watch -o test.boundle.js"}