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