將ES6程式碼轉換為ES5程式碼
ES6 程式碼轉為 ES5 程式碼
注意:轉碼不是必須的,看自己的需求,轉碼是為了相容低版本的瀏覽器
Babel 是一個廣泛使用的ES6轉碼器,可以將ES6轉化為ES5
##安裝步驟(前提安裝了Nodejs)
注:沒安裝cnpm下面的cnpm就用npm就可以
(一)單個js檔案解碼
1 命令在專案目錄中,安裝Babel
cnpm install --save-dev @babel/core
2 配置檔案.babelrc
Babel 的配置檔案是.babelrc,存放在專案的根目錄下。使用 Babel 的第一步,就是配置這個檔案。
該檔案用來設定轉碼規則和外掛,基本格式如下:
{
“presets”: [],
“plugins”: []
}
3 安裝轉碼規則
最新轉碼規則
$ npm install --save-dev @babel/preset-env
react 轉碼規則//沒學就裝上面那個就行
cnpm install --save-dev @babel/preset-react
4 配置.babelrc
{
“presets”: [
“@babel/env”,
“@babel/preset-react”//上面沒裝react轉碼規則這個就刪除掉
],
“plugins”: []
}
5 命令列轉碼
cnpm install --save-dev @babel/cli
6 控制檯轉碼輸出(不常用)
npx babel example.js
7 將轉碼結果寫入一個檔案
npx babel example.js -o compiled.js
(二)整個目錄轉碼
npx babel src -d lib
相關文章
- 使用Babel轉碼 將es6轉為es5Babel
- js將字串轉換為編碼序列程式碼例項JS字串
- js將物件轉換為字串程式碼例項JS物件字串
- js將字串轉換為xml物件程式碼例項JS字串XML物件
- javascript將字串轉換為陣列程式碼例項JavaScript字串陣列
- js將字串轉換為數字程式碼例項JS字串
- javascript將字串轉換為整數程式碼例項JavaScript字串
- javascript將物件轉換為數字程式碼例項JavaScript物件
- 將時間戳轉換為時間例項程式碼時間戳
- js將漢字轉換為拼音程式碼例項JS
- javascript將引數轉換為數值程式碼詳解JavaScript
- js將小數轉換為整數程式碼例項JS
- js將陣列元素轉換為字串程式碼例項JS陣列字串
- 簡單程式碼:將回歸特徵轉換為分類特徵特徵
- javascript將字串轉換為十六進位制程式碼例項JavaScript字串
- 將時間戳轉換為時間日期程式碼例項時間戳
- js 將xml轉換為table表格簡單程式碼例項JSXML
- javascript將類陣列轉換為陣列程式碼例項JavaScript陣列
- 將 SQL轉換成 Laravel Query Builder 程式碼SQLLaravelUI
- 將json格式物件轉換為查詢字串程式碼例項JSON物件字串
- js將小數轉換為整數簡單程式碼例項JS
- javascript將數字轉換為十六進位制程式碼例項JavaScript
- 將表單元素轉換為json格式物件例項程式碼JSON物件
- CSS將英文字元轉換為小寫例項程式碼CSS字元
- CSS3PS-將PS特效轉換為CSS3程式碼CSSS3特效
- 基於Matlab Coder將matlab程式碼轉換成c程式碼MatlabC程式
- javascript將數字轉換為二進位制形式程式碼例項JavaScript
- js 將json字串轉換為json格式物件程式碼例項JSON字串物件
- 如何用深度學習將前端設計模型自動轉換為程式碼?深度學習前端模型
- js實現的將金錢轉換為大寫形式程式碼例項JS
- javascript 字元轉換為ascii碼,ascii碼轉換為字元JavaScript字元ASCII
- 數字轉換為中文大寫例項程式碼
- LLM2Vec介紹和將Llama 3轉換為嵌入模型程式碼示例模型
- 使用 Babel 將基於 ES6 的 SAP UI5 的程式碼轉譯成傳統 JavaScript 程式碼BabelUIJavaScript
- 利用vbs指令碼將word文件轉換為pdf指令碼
- 將Java編譯為原生程式碼Java編譯
- 將 Rust 程式碼編譯為 WASMRust編譯ASM
- js將二進位制數字轉換為十進位制程式碼例項JS