文章參考阮一峰老師的博客甸陌,在這里表示感謝盐股!
1、babel的安裝
命令行安裝
1疯汁、首先新建項目文件夾(mkdir+項目名稱),cd 項目目錄下谤碳,執(zhí)行 npm init
一路回車創(chuàng)建package.json文件蜒简。(后面項目的配置信息都要在這里配置漩仙!)
接著執(zhí)行以下命令:
2、在項目根目錄創(chuàng)建.babelrc
配置文件队他,配置一下代碼
{
"presets": ["latest"],//這里也可以使用"es2015"
"plugins": []
}
3、npm install --save-dev babel-preset-latest
安裝最新的ES6轉(zhuǎn)碼規(guī)則
4锡凝、npm install --save-dev babel-cli
安裝babel轉(zhuǎn)碼以及附帶的工具到項目目錄而不是全局安裝私爷,因為全局安裝之后不能再不同項目里面使用不同版本的babel了。執(zhí)行終端命令 mkdir src
創(chuàng)建資源文件夾衬浑,然后,改寫package.json
工秩。如下所示:
{
// ...
"devDependencies": {
"babel-cli": "^6.0.0"
},
"scripts": {
"build": "babel src -d lib"
},
}
//注意項目里面要有src目錄(放要編譯的ES6文件)助币,
//因為腳本編譯命令是從這個文件夾里尋找ES6文件的。否則編譯失敿Kā!
到這里執(zhí)行npm run build
命令就可以把src文件夾里面寫好的ES6文件轉(zhuǎn)碼為ES5文件并且輸出存放在lib文件夾中克伊。
5愿吹、npm install babel-core
安裝瀏覽器版本的構(gòu)建工具
語法學(xué)習(xí):
參考文章:30分鐘掌握ES6/ES2015核心內(nèi)容