您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關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的示例分析”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。