記錄babel6的使用教程(舉個栗子):
說明:
-----2016/8/20發(fā)布第一版被因;-----
1.這里假設(shè)你懂node的npm基本操作护昧;
2.cli---命令行界面,下文會用cli代指毡惜;
開始之前:
國內(nèi)使用npm安裝包的時候有時會很慢瓤狐,這里推薦大家使用nrm這個插件瞬铸,執(zhí)行:
//全局安裝nrm,切換管理npm源
npm install nrm -g
nrm ls
命令查看所有源:
nrm ls命令.png
nrm test
命令測試所有源速度:nrm test命令.png
nrm use taobao
命令切換源(這里切換至taobao源):nrm use命令.png
快速開始:
- 新建項(xiàng)目
babel6
础锐; - 進(jìn)入
cli
嗓节,切換至babel6
目錄,執(zhí)行:
//該命令用于創(chuàng)建nodejs項(xiàng)目必不可少的package.json配置文件
npm init
- 安裝開發(fā)環(huán)境依賴皆警,執(zhí)行操作:
//安裝babel需要的插件
npm install babel-cli babel-core babel-preset-es2015 --save-dev
- 為了能每一次都非常簡單的使用編譯命令拦宣,更新你的 package.json文件為Babel添加一個構(gòu)建命令---在 package.json中添加一個scripts字段:
//命令解析:監(jiān)聽js文件夾下的文件,并將編譯后的文件輸出至build文件夾信姓,最后生成map-source鸵隧;
"scripts": {
"build": "babel -w js/ -d build -s"
},
- 在項(xiàng)目根目錄新建.babelrc配置文件,并寫入:
//該文件為babel的配置文件
{
"presents": ["es2015"]
}
- 進(jìn)入cli意推,執(zhí)行命令:
//此命令會一直監(jiān)聽并執(zhí)行編譯工作
npm run build
未完豆瘫,待續(xù)...