由於現行 ES6 及 ES7 語法於瀏覽器的支援度不高，但新版本 JavaScript 語法可以為開發人員帶來便捷的開發體驗，因此可以透過 Babel 這個轉碼器來將新型態 JavaScript 語法轉為接受度高的 ES5 語法，所以 vue-cli 預設就將 babel-loader 整合在 webpack 中來針對所有 js 檔進行轉換，讓我們可以直接使用 ES6 或 ES7 語法進行開發。目前最新版本為 v6.22。

可以透過 .babelrc 檔案配置相關設定，簡介如下。

{
  // 轉碼規則
  "presets": [
    // ES2015轉碼規則 (babel-preset-es2015)
    ["es2015", { "modules": false }],
    // ES7不同階段語法提案的轉碼規則 (babel-preset-stage-2)
    "stage-2"
  ],
  // 使用的插件
  "plugins": ["transform-runtime"],
  // 轉碼時不輸出註解文字
  "comments": false,
  // 不同環境可以設定不同配置
  "env": {
    // BABEL_ENV 為 test 的時候使用 babel-plugin-istanbul 插件
    "test": {
      "plugins": [ "istanbul" ]
    }
  }
}