在Webpack使用Babel时，如何设置Babel环境变量(BABEL_ENV)？

Question

当使用‘Babel’Webpack插件时，如何设置babel环境变量(即BABEL_ENV)？

我希望能够使用不同的Babel配置，而使用Webpack。

Answer 1

解决方案是在Webpack配置文件中的“babel-loader”规则中设置一个特定的选项。

在Babel v8+中，这个选项被称为envName，但我相信它在以前的版本中被称为forceEnv。

webpack.config.js

rules: [
  {
    loader: 'babel-loader',
    options: {
      envName: 'yourEnvironmentName',  // use this for Babel Loader v8+
      forceEnv: 'yourEnvironmentName'  // use this for lower versions
    }
  }
]