官網(wǎng)
安裝
npm i babel-cli --save-dev
npm i babel-preset-env --save-dev
// 在根目錄下添加配置文件.babelrc
{
"presets": ["env"]
}
示例目錄結(jié)構(gòu)
image.png
編譯命令
- 直接編譯文件（會(huì)將結(jié)果直接輸出到終端）
babel js/src/index.js
- 編譯并輸出結(jié)果到單個(gè)文件（-o為--out-file的縮寫）
babel js/src/index.js -o js/dist/index.js
- 文件修改后自動(dòng)編譯（-w為--watch的縮寫）
babel js/src/index.js -w -o js/dist/index.js
- 編譯整個(gè)目錄里的文件（-d為--out-dir的簡(jiǎn)寫）
babel js/src -d js/dist
package.json中的編譯命令
{
"name": "Babel",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "babel js/src -d js/dist"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"babel-cli": "^6.26.0",
"babel-preset-env": "^1.7.0"
}
}
babel-polyfill
npm i babel-polyfill --save
// 該依賴為運(yùn)行時(shí)所需要的
usage: 導(dǎo)入到需要編譯的源文件模塊中
import 'babel-polypill';
