Changeset 58193

Timestamp:

05/24/2024 07:58:42 AM (2 years ago)

Author:

gziolo

Message:

Build: Add globalThis DefinePlugin config to webpack

This updates the build to account for related changes in WordPress packages. More details in ​https://github.com/WordPress/gutenberg/pull/61486.

Props jonsurrell, youknowriad, swissspidy, gziolo.
Fixes #61262.

File:

• trunk/tools/webpack/shared.js (modified) (1 diff)

trunk/tools/webpack/shared.js

@@ -42 +42 @@
                 plugins: [
                         new DefinePlugin( {
+                                /*
+                                 * These variables are part of https://github.com/WordPress/gutenberg/pull/61486
+                                 * They're expected to be released in an upcoming version of Gutenberg.
+                                 *
+                                 * Defining this before the packages are released is harmless.
+                                 *
+                                 * @todo Remove the non-globalThis defines here when packages have been upgraded to the globalThis versions.
+                                 */
+
                                 // Inject the `IS_GUTENBERG_PLUGIN` global, used for feature flagging.
-                                'process.env.IS_GUTENBERG_PLUGIN': false,
+                                'globalThis.IS_GUTENBERG_PLUGIN': JSON.stringify( false ),
                                 // Inject the `IS_WORDPRESS_CORE` global, used for feature flagging.
-                                'process.env.IS_WORDPRESS_CORE': true,
+                                'globalThis.IS_WORDPRESS_CORE': JSON.stringify( true ),
                                 // Inject the `SCRIPT_DEBUG` global, used for dev versions of JavaScript.
-                                SCRIPT_DEBUG: mode === 'development',
+                                'globalThis.SCRIPT_DEBUG': JSON.stringify(
+                                        mode === 'development'
+                                ),
+
+                                // Inject the `IS_GUTENBERG_PLUGIN` global, used for feature flagging.
+                                'process.env.IS_GUTENBERG_PLUGIN': JSON.stringify( false ),
+                                // Inject the `IS_WORDPRESS_CORE` global, used for feature flagging.
+                                'process.env.IS_WORDPRESS_CORE': JSON.stringify( true ),
+                                // Inject the `SCRIPT_DEBUG` global, used for dev versions of JavaScript.
+                                SCRIPT_DEBUG: JSON.stringify( mode === 'development' ),
                         } ),
                 ],