示例:在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
