使用Babel轉碼 將es6轉為es5
ES6的某些高階語法在瀏覽器環境甚至是Node.js環境中無法執行。Babel是一個廣泛使用的轉碼器,可以將ES6程式碼轉為ES5程式碼,從而在現有環境執行執行。這意味著,你可以現在就用 ES6 編寫程式,而不用擔心現有環境是否支援。
1、安裝
Babel提供babel-cli工具,用於命令列轉碼。它的安裝命令如下:(全域性安裝,)
npm install -g babel-cli
#檢視是否安裝成功
babel --version
2、初始化專案
在專案根目錄下初始化專案
npm init -y
3、配置.babelrc
Babel的配置檔案是.babelrc,建立個.babelrc名稱的檔案存放在專案的根目錄下,該檔案用來設定轉碼規則和外掛,presets欄位設定轉碼規則
{
"presets": ["es2015"],
"plugins": []
}
4、安裝轉碼器
在根目錄中安裝
npm install -D babel-preset-es2015
5、轉碼
# 整個目錄轉碼
# --out-dir 或 -d 引數指定輸出目錄
babel src -d dist
相關文章
- 將ES6程式碼轉換為ES5程式碼
- ES6 -- Babel 轉碼器Babel
- 使用 Babel 將基於 ES6 的 SAP UI5 的程式碼轉譯成傳統 JavaScript 程式碼BabelUIJavaScript
- Babel轉碼快速入門Babel
- 深入解析 ES6:使用 Babel 和 BroccoliBabel
- ES6和BabelBabel
- 入門babel--實現一個es6的class轉換器Babel
- Linux程式設計:將PHP作為Shell指令碼使用(轉)Linux程式設計PHP指令碼
- 新方法:將PHP作為Shell指令碼語言使用(轉)PHP指令碼
- js將物件轉換為字串程式碼例項JS物件字串
- 利用vbs指令碼將word文件轉換為pdf指令碼
- js將字串轉換為編碼序列程式碼例項JS字串
- Java 將Excel轉為OFDJavaExcel
- Java 將PDF轉為PDF/AJava
- Java 將HTML轉為WordJavaHTML
- Java 將HTML轉為XMLJavaHTMLXML
- Java 將Word轉為OFDJava
- 將字串轉為數字字串
- 將檢視轉為表
- 使用 pandoc 將 Markdown 轉換為格式化文件
- Babel 所有 外掛Plugins,也就編碼轉換工具BabelPlugin
- 淺談JavaScript、ES5、ES6JavaScript
- ES6 系列之 Babel 將 Async 編譯成了什麼樣子Babel編譯
- ES6 系列之 Babel 將 Generator 編譯成了什麼樣子Babel編譯
- ES6系列之Babel將Generator編譯成了什麼樣子Babel編譯
- C++ 將中文轉為UTF8 code(URL碼)C++
- js將字串轉換為xml物件程式碼例項JS字串XML物件
- javascript將字串轉換為陣列程式碼例項JavaScript字串陣列
- js將字串轉換為數字程式碼例項JS字串
- javascript將字串轉換為整數程式碼例項JavaScript字串
- javascript將物件轉換為數字程式碼例項JavaScript物件
- Java中將電話號碼轉換為數字Java
- javascript 字元轉換為ascii碼,ascii碼轉換為字元JavaScript字元ASCII
- ES6字串轉換為陣列字串陣列
- Java 將HTML轉為XPSJavaHTML
- C# 將HTML轉為XMLC#HTMLXML
- C# 將Excel轉為XMLC#ExcelXML
- Java將彩色PDF轉為灰度Java