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

我們注重客戶提出的每個要求，我們充分考慮每一個細節，我們積極的做好成都做網站、網站制作服務，我們努力開拓更好的視野，通過不懈的努力，創新互聯贏得了業內的良好聲譽，這一切，也不斷的激勵著我們更好的服務客戶。 主要業務：網站建設,網站制作,網站設計,微信小程序開發,網站開發,技術開發實力，DIV+CSS，PHP及ASP，ASP.Net，SQL數據庫的技術開發工程師。

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的示例分析”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

新聞名稱：vue-cli中babel配置文件.babelrc的示例分析
本文網址：http://www.yijiale78.com/article0/pcecoo.html

成都網站建設公司_創新互聯，為您提供云服務器、微信小程序、網站策劃、建站公司、做網站、網站營銷

廣告

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