webpack - 在 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
    }
  }
]