如何為 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 無法訪問 env 變量，因此您需要通過將其添加到 Webpack 配置到plugins:來公開這些變量plugins:

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