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