利用babel將es6語法轉(zhuǎn)es5的簡單示例
更新時間：2017年12月01日 11:17:38 作者：蔣哲
Babel是一個廣泛使用的轉(zhuǎn)碼器,babel可以將ES6代碼完美地轉(zhuǎn)換為ES5代碼，所以下面這篇文章就來給大家詳細(xì)介紹了關(guān)于利用babel將es6語法轉(zhuǎn)es5的相關(guān)資料，文章通過示例介紹的非常詳細(xì)，需要的朋友可以參考下。
前言
Babel是一個廣泛使用的轉(zhuǎn)碼器，可以將ES6代碼轉(zhuǎn)為ES5代碼，從而在現(xiàn)有環(huán)境執(zhí)行。
這意味著，你可以現(xiàn)在就用ES6編寫程序，而不用擔(dān)心現(xiàn)有環(huán)境是否支持。
本文講解需預(yù)裝node和npm。大家可以參考這篇文章：http://www.dbjr.com.cn/article/90518.htm，這里介紹的非常詳細(xì)。
文件目錄結(jié)構(gòu)
生成包管理配置文件package.json
npm init -y
安裝轉(zhuǎn)換工具
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
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
相關(guān)文章
今天小編就為大家分享一篇解決layer.open后laydate失效的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JavaScript實現(xiàn)定時任務(wù)隊列的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何使用JavaScript實現(xiàn)一個基于一定時間間隔連續(xù)執(zhí)行任務(wù)隊列的功能,文中的示例代碼講解詳細(xì),需要的小伙伴可以參考下2023-11-11
JavaScript實現(xiàn)簡易放大鏡最全代碼解析(ES5)
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)簡易放大鏡最全代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
使用IE的地址欄來輔助調(diào)試Web頁腳本...2007-03-03
這篇文章主要介紹了JS限制輸入框輸入的實現(xiàn)代碼,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-07-07
javascript可以通過四個屬性可以獲得元素的偏移量，分別是1、offsetHeight，2、offsetWidth，3、offsetLeft，4、offsetTop，今天我們就來具體談一下獲取頁面元素偏移量的最佳方法。2015-04-04
微信小程序?qū)崿F(xiàn)圖片選擇并預(yù)覽功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)圖片選擇并預(yù)覽，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
解決Layui數(shù)據(jù)表格中checkbox位置不居中的方法
今天小編就為大家分享一篇解決Layui數(shù)據(jù)表格中checkbox位置不居中的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
javascript算法學(xué)習(xí)(直接插入排序)
假設(shè)待排序的記錄存放在數(shù)組R[1..n]中。初始時，R[1]自成1個有序區(qū)，無序區(qū)為R[2..n]。從i=2起直至i=n為止，依次將R[i]插入當(dāng)前的有序區(qū)R[1..i-1]中，生成含n個記錄的有序區(qū)。2011-04-04
javascript不同類型數(shù)據(jù)之間的運算的轉(zhuǎn)換方法
這篇文章主要介紹了javascript不同類型數(shù)據(jù)之間的運算的轉(zhuǎn)換方法,需要的朋友可以參考下2014-02-02