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"]
        }
    }
}