這篇文章主要講解了“Babel7的安裝和配置方法”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“Babel7的安裝和配置方法”吧！

專業(yè)領(lǐng)域包括成都網(wǎng)站設(shè)計、做網(wǎng)站、成都外貿(mào)網(wǎng)站建設(shè)公司、成都做商城網(wǎng)站、微信營銷、系統(tǒng)平臺開發(fā)， 與其他網(wǎng)站設(shè)計及系統(tǒng)開發(fā)公司不同，創(chuàng)新互聯(lián)的整合解決方案結(jié)合了幫做網(wǎng)絡(luò)品牌建設(shè)經(jīng)驗和互聯(lián)網(wǎng)整合營銷的理念，并將策略和執(zhí)行緊密結(jié)合，為客戶提供全網(wǎng)互聯(lián)網(wǎng)整合方案。

Babel是一個JavaScript編譯器。

Babel 是一個工具鏈，主要用于將 ECMAScript 2015+ 版本的代碼轉(zhuǎn)換為向后兼容的 JavaScript 語法，以便能夠運行在當(dāng)前和舊版本的瀏覽器或其他環(huán)境中。

之前的版本中，babel前邊沒有@符號。

上述命令是安裝的當(dāng)前開發(fā)的工作空間，如需全局安裝，請把參數(shù)換成-g。

在工程的目錄下邊新建babel.config.js文件，當(dāng)然新建6版本所使用的.babelrc文件也是能夠進(jìn)行使用的。

babel.config.js文件內(nèi)容示例，targets是目標(biāo)的瀏覽器版本，這個可以實際使用中進(jìn)行修改。

const presets = [  [  

 "@babel/env",  

  {    

 targets: {       

  edge: "17", 

 firefox: "60", 

 chrome: "67", 

 safari: "11.1", 

},      

useBuiltIns: "usage",   

 },  ], ];

module.exports = { presets };

./node_modules/.bin/babel src --out-dir lib

./node_modules/.bin/babel  sample.js -o buildenv.js

t would be @babel/preset-env.

感謝各位的閱讀，以上就是“Babel7的安裝和配置方法”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對Babel7的安裝和配置方法這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！