Babel：JavaScript編譯器

一.介紹：

　　Babel是一個Javascript編譯器,能夠將ES6語法轉換成ES5。

　　這意味着，你能夠如今就用ES6編寫程序，而不用擔憂現有環境是否支持。下面是一個例子：

　　//轉碼前：

　　input.map(item => item + 1);

　　//轉碼後：

　　input.map(function(item){

　　　　return item + 1;　

　　});

二.使用ES6語法：

1. 建立項目test:
2. npm init
3. cnpm install –save-dev babel-cli: Babel提供babel-cli工具，用於命令行轉碼。
4. cnpm install –-save-dev babel-preset-latest:最新的ES6語法都能包含
5. Babel的配置文件是.babelrc，存放在項目的根目錄下。使用Babel的第一步，就是配置這個文件。
6. 該文件用來設置轉碼規則和插件，基本格式以下：

　　　　{

         　　　　"presets":["latest"]

　　　　　　//或者

　　　　　　　　"presets":["es2015"]

　　　　}

　　7.cnpm install babel-core@5:Babel也能夠用於瀏覽器環境。可是，從Babel 6.0開始，再也不直接提供瀏覽器版本，而是要用構建工具構建出來。若是你沒有或不想使用構建工具，能夠經過安裝5.x版本的babel-core模塊獲取。

　　8.而後，將下面的代碼插入網頁。

      　　<script src="node_modules/babel-core/browser.js"></script>

          　　<!—-瀏覽器功能: browser-pollfill.js 讓瀏覽器支持所須要的功能-->

　　　　<script src="node_modules/babel-core/browser-pollfill.js"></script>   <script type="text/babel">

　　　　　　//Your ES6 code

　　　　　　let a = [1,2],

　　　　　　b = [...a,'3'];

　　　　　　document.body.innerHTML = b;

　　　　　　console.log(b);

　　　　</script>

　　9. browser-sync start –server：自動打開瀏覽器顯示

　　另外：

1.  babel in.js –-out-file out.js: 將es6的in.js文件轉換成es5並放到out.js中