process.env 抛出 Uncaught ReferenceError 但 process.env.NODE_ENV 没有

Question

在我的客户端 javascript 文件中，如果我运行以下命令，我不会收到任何错误：

console.log(process.env.NODE_ENV); // outputs development or production

但是，如果我运行以下命令，则会出现错误：

console.log(process.env) // Uncaught ReferenceError: process is not defined

为什么会这样？ 使用 Webpack 5 进行捆绑。

Answer 1

因为您使用的是将process.env.NODE_ENV替换为另一个值的捆绑器。 对于 Webpack，它是DefinePlugin做的肮脏工作（并设置 Webpack --mode选项自动添加插件）； 例如 esbuild它是define 。

您生成的捆绑包 JavaScript 根本没有process.env.NODE_ENV ，只有 static 字符串"production"或"development ”。 但是，只有process.env不会被替换（除非这样配置），因此您会收到参考错误。