babel安裝:
全局安裝 npm install babel-cli -g
常用命令:
--out-file 編譯文件 babel test.js --out-file output.js 將test.js編譯到output.js文件中
--out-dir 編譯目錄文件 babel src --out-dir dist 將src中文件編譯到dist目錄中去
本地安裝(項目中使用) npm install babel-cli --save-dev
安裝完成后會自動添加到package.json文件中
{
"name": "babel",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo "Error: no test specified" && exit 1",
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"babel-cli": "^6.24.1"
}
}
常用命令:babel -node test.js 直接運行test.js文件
配置:
創(chuàng)建 .babelrc配置文件
{
"presets": ["es2015"]
}
下載預(yù)設(shè) npm install babel-preset-es2015 --save-dev
將babel與scripts集成
"scripts": {
"test": "echo "Error: no test specified" && exit 1",
"build": "babel src -d dist -w" //-d: --out-dir
} //將src目錄文件編譯到dist目錄中,-w 持續(xù)監(jiān)聽
使用npm run build編輯
babel-preset-es2015-loose 代碼精簡模式
"devDependencies": {
"babel-cli": "^6.24.1",
"babel-preset-es2015": "^6.24.1",
"babel-preset-es2015-loose": "^8.0.0"
}