feat: adds the global variable __webpack_global__ for this compilation (#20170)

xiaoxiaojx · web-flow · commit 5983843a7cc0 · 2025-12-02T16:49:57.000+03:00
diff --git a/.changeset/shaggy-humans-grin.md b/.changeset/shaggy-humans-grin.md
@@ -0,0 +1,5 @@
+---
+"webpack": minor
+---
+
+Provide a stable runtime function variable `__webpack_global__`.
diff --git a/lib/APIPlugin.js b/lib/APIPlugin.js
@@ -42,6 +42,12 @@ function getReplacements() {
 			type: "function",
 			assign: false
 		},
+		__webpack_global__: {
+			expr: RuntimeGlobals.require,
+			req: [RuntimeGlobals.require],
+			type: "function",
+			assign: false
+		},
 		__webpack_public_path__: {
 			expr: RuntimeGlobals.publicPath,
 			req: [RuntimeGlobals.publicPath],
diff --git a/test/configCases/api-plugin/issues-20139/bar.js b/test/configCases/api-plugin/issues-20139/bar.js
@@ -0,0 +1,2 @@
+export const bar = "bar";
+__webpack_global__.bar = "bar";
diff --git a/test/configCases/api-plugin/issues-20139/foo.js b/test/configCases/api-plugin/issues-20139/foo.js
@@ -0,0 +1,58 @@
+__webpack_global__.myCustomProperty = "myCustomProperty";
+
+"use strict";
+var __webpack_require__ = {
+  test(__webpack_global__) {
+    __webpack_global__.test = 1;
+  }
+};
+(() => {
+  __webpack_require__.d = (exports1, definition) => {
+    for (var key in definition)
+      if (
+        __webpack_require__.o(definition, key) &&
+        !__webpack_require__.o(exports1, key)
+      )
+        Object.defineProperty(exports1, key, {
+          enumerable: true,
+          get: definition[key],
+        });
+  };
+})();
+(() => {
+  __webpack_require__.o = (obj, prop) =>
+    Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(() => {
+  __webpack_require__.r = (exports1) => {
+    if ("undefined" != typeof Symbol && Symbol.toStringTag)
+      Object.defineProperty(exports1, Symbol.toStringTag, {
+        value: "Module",
+      });
+    Object.defineProperty(exports1, "__esModule", {
+      value: true,
+    });
+  };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  Counter: () => Counter,
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const Counter = () =>
+  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h1", {
+      className: "title",
+      children: "React",
+    }),
+  });
+exports.Counter = __webpack_exports__.Counter;
+for (var __webpack_i__ in __webpack_exports__)
+  if (-1 === ["Counter"].indexOf(__webpack_i__))
+    exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+
+__webpack_global__.anotherProperty = "anotherProperty";
diff --git a/test/configCases/api-plugin/issues-20139/index.js b/test/configCases/api-plugin/issues-20139/index.js
@@ -0,0 +1,13 @@
+import * as foo from "./foo";
+import { bar } from "./bar";
+
+it("should load module with nested __webpack_require__", () => {
+  expect(foo).toBeDefined();
+  expect(bar).toBe("bar");
+});
+
+it("should provide __webpack_global__ when module uses __webpack_require__", () => {
+  expect(__webpack_require__.myCustomProperty).toBe("myCustomProperty");
+  expect(__webpack_global__.anotherProperty).toBe("anotherProperty");
+  expect(__webpack_global__.bar).toBe("bar");
+});
diff --git a/test/configCases/api-plugin/issues-20139/webpack.config.js b/test/configCases/api-plugin/issues-20139/webpack.config.js
@@ -0,0 +1,11 @@
+"use strict";
+
+/** @type {import("../../../../").Configuration[]} */
+module.exports = [
+	{},
+	{
+		optimization: {
+			concatenateModules: true
+		}
+	}
+];

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"webpack": minor
 +---
++
 +Provide a stable runtime function variable `__webpack_global__`.
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+export const bar = "bar";`
	`2`	`+__webpack_global__.bar = "bar";`