es6 babel轉碼器安裝配置及常見命令


示例:在d盤,新建文件夾es6,文件夾里新建一個文件es6.js。

(1)先全局安裝babel-cli,輸入命令npm install babel-cli -g

(2)輸入d:( 進入d盤),再輸入cd es6(進入es6文件夾)

(3)輸入npm init;(引導創建一個package.json文件,包括名稱、版本、作者等這些信息)

(4)輸入npm install --save-dev babel-cli(安裝命令行轉碼babel-cli工具)

(5)es6文件里新建配置文件.babelrc

         在windows系統中,不允許直接右鍵建立沒有文件名的文件,可以通過cmd命令行創建,在當前文件夾打開cmd(shift鍵+鼠標右鍵,會有彈框,選擇在此處打開命令窗口),並輸入命令 type null>.babelrc 創建配置文件.babelrc

       復制代碼 { "presets": [], "plugins": [] }到.babelrc 里

(6)輸入npm install --save-dev babel-preset-es2015(安裝es2015依賴項)

  將“es2015”加入到.babelrc,如{ "presets": [“es2015”], "plugins": [] }

(7)輸入babel -h檢測是否安裝成功;

(8)如果安裝成功,就可以將es6編譯成es5

         例:babel es6.js -o- es5.js

Babel常見的命令:

(1)轉換es6.js文件並在當前命名行程序窗口中輸出

   babel es6.js

(2)將es6.js轉換后輸出到es5.js文件中(使用 -o 或 --out-file )

   babel es6.js -o es5.js   

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

(3)實時監控es6.js一有變化就重新編譯(使用 -w 或 --watch )

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

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

(4)編譯整個src文件夾並輸出到lib文件夾中(使用 -d 或 --out-dir )

       babel src -d lib
  babel src --out-dir lib

(5)編譯整個src文件夾並輸出到一個文件中

       babel src --out-file es5.js

(6)直接輸入babel-node命令,可以在命令行中直接運行ES6代碼

        babel-node


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM