T組招聘多個相關職位 獨立的《使命召喚》殭屍遊戲或成真
阿新 • • 發佈:2022-06-06
簡介
ES6的某些高階語法在瀏覽器環境甚至是Node.js環境中無法執行
Babel是一個廣泛使用的擴充套件器,可以將ES6程式碼轉換為ES5程式碼,從而在現有環境執行
這意味著,你可以現在就用ES6編寫程式,,而不用擔心現有環境是否支援
安裝
安裝命令列轉碼工具
Babel提供babel-cli工具,用於命令列轉碼,它的安裝命令如下
npm install -g babel-cli
檢視是否安裝成功
babel --version
Babel的使用
1.建立Babel資料夾
2.初始化專案
3.建立檔案src/example.js
4.配置.babelrc
Babel的配置檔案是.babelrc,存放在專案的根目錄下,該檔案用來設定轉碼規則和外掛,基本格式如下
5.安裝轉換器
npm install --save-dev babel-preset-es2015
6.執行轉換
babel src -d dist
得到:
轉換過來了
Babel自定義指令碼
改寫package.json
執行npm run dev
同樣會生成dist資料夾和example.js檔案。同樣也是轉換為es2015