這篇文章給大家分享的是有關vue-cli中babel配置文件.babelrc的示例分析的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：國際域名空間、網站空間、營銷軟件、網站建設、桃江網站維護、網站推廣。

vue-cli腳手架工具根目錄的babelrc配置文件

介紹

es6特性瀏覽器還沒有全部支持，但是使用es6是大勢所趨，所以babel應運而生，用來將es6代碼轉換成瀏覽器能夠識別的代碼

babel有提供專門的命令行工具方便轉碼，可以自行去了解

vue-cli腳手架的.babelrc文件

{
 // 此項指明，轉碼的規則
 "presets": [
 // env項是借助插件babel-preset-env，下面這個配置說的是babel對es6,es7,es8進行轉碼，并且設置amd,commonjs這樣的模塊化文件，不進行轉碼
 ["env", { "modules": false }],
 // 下面這個是不同階段出現的es語法，包含不同的轉碼插件
 "stage-2"
 ],
 // 下面這個選項是引用插件來處理代碼的轉換，transform-runtime用來處理全局函數和優化babel編譯
 "plugins": ["transform-runtime"],
 // 下面指的是在生成的文件中，不產生注釋
 "comments": false,
 // 下面這段是在特定的環境中所執行的轉碼規則，當環境變量是下面的test就會覆蓋上面的設置
 "env": {
 // test 是提前設置的環境變量，如果沒有設置BABEL_ENV則使用NODE_ENV，如果都沒有設置默認就是development
 "test": {
  "presets": ["env", "stage-2"],
  // instanbul是一個用來測試轉碼后代碼的工具
  "plugins": ["istanbul"]
 }
 }
}

感謝各位的閱讀！關于“vue-cli中babel配置文件.babelrc的示例分析”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

本文標題：vue-cli中babel配置文件.babelrc的示例分析-創新互聯
URL網址：http://www.js-pz168.com/article34/ddegpe.html

成都網站建設公司_創新互聯，為您提供企業建站、關鍵詞優化、建站公司、網站設計公司、小程序開發、網站改版

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯