fix(rspack): ensure NX_PUBLIC env vars are available to applications #28720

packages/rspack/src/utils/with-web.ts

@@ -121,7 +121,33 @@ export function withWeb(opts: WithWebOptions = {}) {
         new rspack.EnvironmentPlugin({
           NODE_ENV: isProd ? 'production' : 'development',
         }),
+        new rspack.DefinePlugin(
+          getClientEnvironment(isProd ? 'production' : undefined).stringified
+        ),
       ],
     };
   };
 }
+
+function getClientEnvironment(mode?: string) {
+  // Grab NODE_ENV and NX_PUBLIC_* environment variables and prepare them to be
+  // injected into the application via DefinePlugin in webpack configuration.
+  const nxPublicKeyRegex = /^NX_PUBLIC_/i;
+
+  const raw = Object.keys(process.env)
+    .filter((key) => nxPublicKeyRegex.test(key))
+    .reduce((env, key) => {
+      env[key] = process.env[key];
+      return env;
+    }, {});
+
+  // Stringify all values so we can feed into webpack DefinePlugin
+  const stringified = {
+    'process.env': Object.keys(raw).reduce((env, key) => {
+      env[key] = JSON.stringify(raw[key]);
+      return env;
+    }, {}),
+  };
+
+  return { stringified };
+}