將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
- 基於Matlab Coder將matlab程式碼轉換成c程式碼MatlabC程式
- 將 SQL轉換成 Laravel Query Builder 程式碼SQLLaravelUI
- 簡單程式碼:將回歸特徵轉換為分類特徵特徵
- 如何用深度學習將前端設計模型自動轉換為程式碼?深度學習前端模型
- LLM2Vec介紹和將Llama 3轉換為嵌入模型程式碼示例模型
- 使用 Babel 將基於 ES6 的 SAP UI5 的程式碼轉譯成傳統 JavaScript 程式碼BabelUIJavaScript
- 將 Visual Studio .net 程式碼註釋 英文轉為中文
- 利用vbs指令碼將word文件轉換為pdf指令碼
- Unite Mac,將網站轉換為應用程式Mac網站
- 將 Rust 程式碼編譯為 WASMRust編譯ASM
- 將Java編譯為原生程式碼Java編譯
- Java中將電話號碼轉換為數字Java
- 不同前端框架下的程式碼轉換前端框架
- 音樂格式轉換:java程式碼實現Java
- Python程式碼閱讀(第21篇):將變數名稱轉換為蛇式命名風格Python變數
- Taro:將已有微信小程式轉換為多端應用微信小程式
- python hex轉ascii轉換Python程式碼的簡單方法PythonASCII
- 程式碼裡為什麼換行要使用` `?
- 自動化開發:用深度學習5秒鐘將網站草圖轉換為HTML程式碼深度學習網站HTML
- (Keras)基於深度學習SketchCode將線框原型圖轉換成HTML程式碼Keras深度學習原型HTML
- Unite :將網站轉換為應用程式 支援M1網站
- Coherence X for Mac,將網站轉換為應用程式軟體Mac網站
- 懂編譯真的可以為所欲為|不同前端框架下的程式碼轉換編譯前端框架
- 透明度與十六進位制程式碼轉換
- 程式碼塊,資料型別的相互轉換,集合資料型別
- 工程座標轉換方法C#程式碼實現C#
- 牛逼!50.3K Star!一個自動將螢幕截圖轉換為程式碼的開源工具開源工具
- ES6新增方法程式碼塊
- 200 行 Python 程式碼做個換臉程式(附原始碼)Python原始碼
- 如何將html程式碼儲存為Pdf檔案HTML
- 微信小程式中將時間戳轉換為聊天格式微信小程式時間戳
- AI來實現程式碼轉換!Python轉Java,Java轉Go不在話下?AIPythonJavaGo
- 網站程式碼修改替換流程圖,輕鬆掌握程式碼修改替換流程網站流程圖
- Rust與Java程式碼比較:將二維陣列轉為三維陣列RustJava陣列
- curl轉python requests程式碼Python
- 箭頭旋轉程式碼
- pyc位元組碼文字轉python程式碼Python