利用babel將es6語法轉es5的簡單示例

前言

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設、高性價比溫宿網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式溫宿網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設找我們,業(yè)務覆蓋溫宿地區(qū)。費用合理售后完善,十載實體公司更值得信賴。

Babel是一個廣泛使用的轉碼器,可以將ES6代碼轉為ES5代碼,從而在現(xiàn)有環(huán)境執(zhí)行。

利用babel將es6語法轉es5的簡單示例

這意味著,你可以現(xiàn)在就用ES6編寫程序,而不用擔心現(xiàn)有環(huán)境是否支持。

本文講解需預裝node和npm。大家可以參考這篇文章:https://www.jb51.net/article/90518.htm,這里介紹的非常詳細。

文件目錄結構

利用babel將es6語法轉es5的簡單示例

生成包管理配置文件package.json

npm init -y

安裝轉換工具

npm i -g babel-cli

npm i --save-dev babel-preset-es2015 babel-cli

在.babelrc文件中寫入如下內(nèi)容

{
 "presets": [
 "es2015"
 ],
 "plugins": []
}

編譯文件

babel src/test.js -o dist/test.js

總結

以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學習或者工作具有一定的參考學習價值,如果有疑問大家可以留言交流,謝謝大家對創(chuàng)新互聯(lián)的支持。

分享題目:利用babel將es6語法轉es5的簡單示例
網(wǎng)站路徑:http://muchs.cn/article0/pieooo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供營銷型網(wǎng)站建設、ChatGPTGoogle、、外貿(mào)建站定制開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設公司