Babel - 可以使用環境變量區分配置

環境變量

在進行bable配置時，可以通過環境變量來為某個環境做特殊的配置，特定環境的設置項會被合並、覆蓋到沒有特定環境的設置項中。

  env: {
    dev: {
      presets: [
        '@vue/cli-plugin-babel/preset'
      ]
    },
    build: {
      presets: [
        [
          '@babel/preset-env',
          {
            loose: true,
            modules: false
          }
        ],
        [
          '@vue/babel-preset-jsx'
        ]
      ]
    },
  }

env 選項的值將從 process.env.BABEL_ENV 獲取，如果沒有的話，則獲取process.env.NODE_ENV 的值，它也無法獲取時會設置為 "development"

在命令行中可以傳遞環境變量

    {
        "serve": "cross-env BABEL_ENV=dev vue-cli-service serve"
    }