fix(client-inject): replace globalThis.process.env.NODE_ENV (fix #12185) (#12194)

Author: sun0day

packages/vite/src/node/plugins/clientInjections.ts

@@ -66,7 +66,7 @@ export function clientInjectionsPlugin(config: ResolvedConfig): Plugin {
         // for it to avoid shimming a `process` object during dev,
         // avoiding inconsistencies between dev and build
         return code.replace(
-          /\bprocess\.env\.NODE_ENV\b/g,
+          /(\bglobal(This)?\.)?\bprocess\.env\.NODE_ENV\b/g,
           config.define?.['process.env.NODE_ENV'] ||
             JSON.stringify(process.env.NODE_ENV || config.mode),
         )

playground/env/__tests__/env.spec.ts

@@ -43,6 +43,10 @@ test('bool', async () => {
 
 test('NODE_ENV', async () => {
   expect(await page.textContent('.node-env')).toBe(process.env.NODE_ENV)
+  expect(await page.textContent('.global-node-env')).toBe(process.env.NODE_ENV)
+  expect(await page.textContent('.global-this-node-env')).toBe(
+    process.env.NODE_ENV,
+  )
 })
 
 test('expand', async () => {

playground/env/index.html

@@ -14,6 +14,10 @@ <h1>Environment Variables</h1>
 <p>import.meta.env.VITE_INLINE: <code class="inline"></code></p>
 <p>typeof import.meta.env.VITE_BOOL: <code class="bool"></code></p>
 <p>process.env.NODE_ENV: <code class="node-env"></code></p>
+<p>global.process.env.NODE_ENV: <code class="global-node-env"></code></p>
+<p>
+  globalThis.process.env.NODE_ENV: <code class="global-this-node-env"></code>
+</p>
 <p>import.meta.env.VITE_EXPAND_A: <code class="expand-a"></code></p>
 <p>import.meta.env.VITE_EXPAND_B: <code class="expand-b"></code></p>
 <p>import.meta.env.SSR: <code class="ssr"></code></p>
@@ -32,6 +36,8 @@ <h1>Environment Variables</h1>
   text('.bool', typeof import.meta.env.VITE_BOOL)
   text('.ssr', import.meta.env.SSR)
   text('.node-env', process.env.NODE_ENV)
+  text('.global-node-env', global.process.env.NODE_ENV)
+  text('.global-this-node-env', globalThis.process.env.NODE_ENV)
   text('.env-object', JSON.stringify(import.meta.env, null, 2))
   text('.expand-a', import.meta.env.VITE_EXPAND_A)
   text('.expand-b', import.meta.env.VITE_EXPAND_B)