利用babel將es6語法轉(zhuǎn)es5的簡單示例
更新時間：2017年12月01日 11:17:38 作者：蔣哲
Babel是一個廣泛使用的轉(zhuǎn)碼器,babel可以將ES6代碼完美地轉(zhuǎn)換為ES5代碼，所以下面這篇文章就來給大家詳細介紹了關(guān)于利用babel將es6語法轉(zhuǎn)es5的相關(guān)資料，文章通過示例介紹的非常詳細，需要的朋友可以參考下。
前言
Babel是一個廣泛使用的轉(zhuǎn)碼器，可以將ES6代碼轉(zhuǎn)為ES5代碼，從而在現(xiàn)有環(huán)境執(zhí)行。
這意味著，你可以現(xiàn)在就用ES6編寫程序，而不用擔心現(xiàn)有環(huán)境是否支持。
本文講解需預裝node和npm。大家可以參考這篇文章：http://m.fzitv.net/article/90518.htm，這里介紹的非常詳細。
文件目錄結(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)容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
相關(guān)文章
JavaScript數(shù)組實現(xiàn)數(shù)據(jù)結(jié)構(gòu)中的隊列與堆棧
這篇文章主要介紹了JavaScript數(shù)組實現(xiàn)數(shù)據(jù)結(jié)構(gòu)中的隊列與堆棧的相關(guān)資料,需要的朋友可以參考下2016-05-05
詞法作用域就是定義在詞法階段的作用域,如果詞法作用域完全由寫代碼期間函數(shù)所聲明的位置來定義,怎樣才能在運行時來“修改”（也可以說欺騙）詞法作用域呢?JavaScript 中有兩種機制來實現(xiàn)這個目的,感興趣的朋友跟隨小編一起看看吧2023-10-10
JavaScript canvas實現(xiàn)代碼雨效果
這篇文章主要為大家詳細介紹了JavaScript canvas實現(xiàn)代碼雨效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
jquery結(jié)合CSS使用validate實現(xiàn)漂亮的驗證
這篇文章主要介紹了jquery結(jié)合CSS使用validate實現(xiàn)漂亮的驗證,需要的朋友可以參考下2015-01-01
JS將時間的標準格式和時間戳格式和2022-01-27?00:00:00(年月日時分秒)格式相互轉(zhuǎn)換(最新推薦)
這篇文章主要介紹了JS如何將時間的標準格式和時間戳格式和2022-01-27?00:00:00（年月日時分秒）格式相互轉(zhuǎn)換,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-05-05
這篇文章主要為大家詳細介紹了Swiper實現(xiàn)導航欄滾動效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
這篇文章主要介紹了js+css實現(xiàn)導航效果,實例分析了下拉菜單導航的js實現(xiàn)方法,非常具有實用價值,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了Angular服務器端渲染緩存功能問題，內(nèi)存緩存可用于應用程序本身的渲染頁面和API請求。?兩種使用場合都通過開發(fā)包@ngx-ssr或cache提供2022-06-06
解決微信小程序云開發(fā)中獲取數(shù)據(jù)庫的內(nèi)容為空的方法
這篇文章主要介紹了解決微信小程序云開發(fā)中獲取數(shù)據(jù)庫的內(nèi)容為空的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
js中document.write和document.writeln的區(qū)別
這篇文章主要介紹了js中document.write和document.writeln的區(qū)別,需要的朋友可以參考下2018-03-03