首頁 > web前端 > js教程 > 如何使用babel實作將es6語法轉es5

如何使用babel實作將es6語法轉es5

亚连
發布: 2018-06-23 14:27:19
原創
1432 人瀏覽過

Babel是一個廣泛使用的轉碼器,babel可以將ES6程式碼完美地轉換為ES5程式碼,所以下面這篇文章就來給大家詳細介紹了關於利用babel將es6語法轉es5的相關資料,文章透過範例介紹的非常詳細,需要的朋友可以參考下。

前言

Babel是一個廣泛使用的轉碼器,可以將ES6程式碼轉為ES5程式碼,從而在現有環境中執行。

這意味著,你可以現在就用ES6編寫程序,而不用擔心現有環境是否支援。

本文說明需預先安裝node和npm。大家可以參考這篇文章://www.jb51.net/article/90518.htm,這裡介紹的非常詳細。

檔案目錄結構

#產生套件管理設定檔package.json

npm init -y
登入後複製

安裝轉換工具

npm i -g babel-cli

npm i --save-dev babel-preset-es2015 babel-cli
登入後複製

在.babelrc檔案中寫入以下內容

{
 "presets": [
 "es2015"
 ],
 "plugins": []
}
登入後複製

編譯文件

babel src/test.js -o dist/test.js
登入後複製

上面是我整理給大家的,希望今後會對大家有幫助。

相關文章:

利用JavaScript如何實作省市連動

如何使用vue中的watcher

在vue中有關計算屬性如何使用

在Vue中如何匯出json資料到Excel電子表格

在微信小程式中有關tabBar用法(詳細教學)

以上是如何使用babel實作將es6語法轉es5的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板