Windows系統帶你一步一步無腦使用babel

標籤：mod   images   技術分享   http   png   class   使用   ima   led   

 

不廢話直接寫看步驟：

1、在F盤建立一個檔案夾叫babel

2、npm init 初始化項目

3、全域安裝npm install babel babel-cli -g

4、項目安裝npm install babel-cli --save-dev

項目目錄裡會多一個node_modules包

5、建立一個es6.js檔案

隨便寫一段es6

6、輸入指令babel es6.js -o compiled.js

發現項目下面多了一個compiled.js檔案

但是並沒有編譯

7、輸入命type nul>.babelrc

項目裡會多一個babelrc檔案

8、安裝命令npm install --save babel-preset-es2015

再運行babel es6.js -o compiled.js

OK已經編譯成功

babel es6.js --watch --out-file compiled.js
命令列輸入這個監控檔案的變化

 

 

Windows系統帶你一步一步無腦使用babel