一、簡介
1.ES6的某些高級語法在瀏覽器環境甚至是Node.js環境中無法執行，
2.Babel是一個廣泛使用的轉碼器，可以將ES6代碼轉為ES5代碼，從而在現有環境執行執行，
二、安裝Babel
Babel提供babel-cli工具，用于命令列轉碼
安裝:npm i -g babel-cli
檢查安裝:babel --version
三、Babel的使用
1）安裝Node.js環境：https://nodejs.org/zh-cn/
2）進入專案,初始化專案:npm init -y
3）創建檔案 src/example.js
4）安裝轉碼器,在專案中安裝：npm i --save-dev babel-preset-env 或 npm i --save-dev babel-preset-es2015
5）創建檔案并配置：.babelrc {"presets":["env","es2015"],"plugins":[]}
注：Babel的組態檔是.babelrc，存放在專案的根目錄下，該檔案用來設定轉碼規則和插件，
四、檔案轉化
- 檔案：
babel src/index.js -o dist/index.js
注：-o(--out-file)：輸出的意思 - 檔案夾：
babel src -d dist
注：-d(--out-dir)：指定輸入目錄 - 實時監控：
babel src -w -d dist
注：-w：watch監控
五、自定義腳本
1）改寫package.json
{
// ...
"scripts":{
// ...
"build": "babel src\\index.js -o dist\\index.js"
},
}
2）轉碼時,執行下面命令
mkdir dist
npm run build
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/421355.html
標籤：其他