babel的安裝

babel是編寫js時es6風(fēng)格轉(zhuǎn)換為es5的編譯器,今天嘗試了一下安裝了一個babel,準(zhǔn)備學(xué)習(xí)一下es6。
安裝步驟:
1.創(chuàng)建文件
mkdir es6
2.初始化項(xiàng)目,生成package.json
npm init
3.安裝babel-cli
npm install --save-dev babel-cli
4.安裝babel-preset
npm install --save-d babel-preset-es2015
5.生成.babelrc
type nul>.babelrc
6.修改.babelrc文件,添加

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

7.在package.json添加生成命令
"bulid":"babel src -d lib"
將src里邊的es6文件轉(zhuǎn)換成es5文件并保存在lib文件夾
8.npm run build就可以把src中的es6文件轉(zhuǎn)化成es5文件并存放到lib文件夾

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 前言 目前,ES6(ES2015)這樣的語法已經(jīng)得到很大規(guī)模的應(yīng)用,它具有更加簡潔、功能更加強(qiáng)大的特點(diǎn),實(shí)際項(xiàng)目中...
    白水螺絲閱讀 16,732評論 1 11
  • 1,現(xiàn)在nodejs需要用到npm管理工具去下載babel2,需要安裝babel:npm install -g b...
    泡芙小姐110閱讀 1,405評論 0 0
  • Babel詳情可以參照 官網(wǎng)https://babeljs.io https://babeljs.cn(中文網(wǎng)) ...
    mark666閱讀 9,925評論 0 2
  • 一、ES6 參考 http://es6.ruanyifeng.com/ ECMAScript當(dāng)前所有提案 Git...
    pifoo閱讀 11,941評論 1 13
  • 目前躺在我微信公眾號列表中還有39個公眾號,這是已經(jīng)取關(guān)了二十余個,非??酥频夭蝗ザ嚓P(guān)注公眾號的結(jié)果。在今天之前,...
    姑蘇公子閱讀 524評論 3 1

友情鏈接更多精彩內(nèi)容