ES6學習筆記第一章

一、babel轉碼器

    將ES6轉碼爲ES5代碼

    作用:不用擔心環境是否支持ES6,可以直接通過ES6的方式編寫程序

    例如:

    //轉碼前

    input.map(item==>item + 1); //ES6的箭頭函數。

    //轉碼後

    input.map(function(item){

        return item+1

    }) 

    Babel命令行環境

    Babel的命令行版本通過以下命令安裝:

    $ npm install --global babel-cli

    $ npm install --save babel-preset-es-2015

    然後在當前目錄下新建配置文件 .babelrc

    新建方法如下: 

        在windows系統中,不允許直接右鍵建立沒有文件名的文件,可以通過cmd命令行創建:在當前文件夾打開cmd並鍵入命令:

    type: nul>.babelrc

    然後,將這些規則加入 .babelrc

    {

        "presets": [

          "es2015"

        ],

        "plugins": []

      }

    babel-node命令可以直接運行ES6腳本

    $ babel-node es6.js      //運行該腳本

    

    將ES6代碼轉爲ES5代碼。

    $ babel es6.js

    

    -o或者--out-file 可將轉換後的代碼從標準輸出重定向到文件

    $ babel es6.js -o es5.js

    或者

     $ babel es6.js --out-file es5.js

    

    -d參數用於轉換整個目錄。

    $ babel -d build-dir source-dir

    注意: -d參數後面跟的是輸出目錄

    

    另有Traceur轉碼器可將ES6代碼轉爲ES5代碼

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章