在Webpack中使用Babel Loader时如何设置Babel环境变量（BABEL_ENV）？

Question

使用“ babel-loader” Webpack插件时如何设置Babel环境变量（即BABEL_ENV）？

我希望能够在使用Webpack时使用不同的Babel配置。

Answer 1

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

在Babel Loader 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
    }
  }
]