webpack合并definePlugin process.env.NODE_ENV未定义

Question

我正在将 webpack-merge 与不同的 webpack.config 文件一起使用。我正在尝试传递node_env(或任何其他变量)；

如何从 webpack.common.js 文件访问进程环境变量？

这是 webpack.prd.config.js 文件:

const merge = require("webpack-merge");
const common = require("./webpack.common.js");
const webpack = require("webpack");

module.exports = merge(common, {
    plugins: [
        new webpack.DefinePlugin({
            "process.env": {
                "NODE_ENV": JSON.stringify("production")
            }
        })
    ]
});

这是 webpack.common.js 文件:

console.log("Environment: " + process.env.NODE_ENV);

module.exports = {
    entry: {
    ...

“process.env.NODE_ENV”变量始终未定义。

Answer 1

我刚刚意识到 webpack -p 不会将 process.env.NODE_ENV 的值发送到 webapck.conf.js

我通过以下方式解决了这个头痛

"scripts": {
    "prod": "set NODE_ENV=production && webpack -p",
  },

只要确保当您尝试比较它们时，只需在生产结束时添加空格

var isProd = process.env.NODE_ENV === "production ";