本文介紹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"] } }}

ps:下面給大家介紹關于.babelrc配置文件

關于react項目結構，有很多配置文件，有時候覺得很難理解。

比如.babelrc文件，這個文件是用來設置轉碼的規則和插件的。

熟悉linux的話一定知道，rc結尾的文件通常代表運行時自動加載的文件，配置等等。在babel6中，這個文件必不可少。
里面可以對babel命令進行配置，以后再使用babel的cli的時候，可以少一些配置。還有一個env字段，可以對BABEL_ENV或者NODE_ENV指定的不同的環境變量，進行不同的編譯操作。

總結

以上所述是小編給大家介紹的vue-cli中的babel配置文件.babelrc實例詳解，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！