使用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
- 入門babel--實現一個es6的class轉換器Babel
- 將檢視轉為表
- Java 將PDF轉為PDF/AJava
- Java 將Word轉為OFDJava
- Java 將Excel轉為OFDJavaExcel
- Java 將HTML轉為XMLJavaHTMLXML
- Java 將HTML轉為XPSJavaHTML
- Java 將HTML轉為WordJavaHTML
- 利用vbs指令碼將word文件轉換為pdf指令碼
- Vue使用lib-flexible,將px轉化為remVueFlexREM
- 使用 pandoc 將 Markdown 轉換為格式化文件
- ES6和BabelBabel
- 將json資料轉換為Python字典將json資料轉換為Python字典JSONPython
- Java中將電話號碼轉換為數字Java
- 將 Visual Studio .net 程式碼註釋 英文轉為中文
- Java 將Html轉為PDF(二)JavaHTML
- php將內容轉為wordPHP
- 將PaddleOCR 轉為 ONNX 執行
- Java將彩色PDF轉為灰度Java
- C# 將OFD轉為PDFC#
- C# 將PDF轉為ExcelC#Excel
- C# 將HTML轉為XMLC#HTMLXML
- C# 將Excel轉為XMLC#ExcelXML
- 使用 SpanMetrics Connector 將 OpenTelemetry 跟蹤轉換為指標指標
- Python 將PDF轉為PDF/A、PDF/X,以及PDF/A轉回PDFPython
- java將IP地址轉換為數字以及逆向轉換Java
- 如何在MySQL中使用CONVERT將字串轉換為數字MySql字串
- 使用C#,VB和Java將PDF轉換為DOC / DOCXJava
- js將秒轉換為時分秒JS
- SparkSQL,如何將DataFrame轉為json格式SparkSQLJSON
- 將一個Collection轉為陣列陣列
- JavaScript將陣列轉換為字串JavaScript陣列字串
- Photoshop將png轉為ico圖示
- Java 中將 InputStream 轉換為 StreamJava