javascript - 如何为 webpack 设置多个环境变量？

Question

有谁知道如何为 webpack 提供多个环境变量？我试图运行以下脚本但没有成功。

"cross-env NODE_ENV=production DTM_ENV=staging webpack --config internals/webpack.prod.babel.js --color -p --progress"

在 console.log(process.env) 上它只显示 NODE_ENV: "production"。

Answer 1

构建完成后，Webpack 无法访问环境变量，因此您需要通过将其添加到 Webpack 配置到 plugins:

来公开这些变量

new webpack.DefinePlugin({
  'process.env': {
    NODE_ENV: JSON.stringify(process.env.NODE_ENV),
    DTM_ENV: JSON.stringify(process.env.DTM_ENV),
  }
})