diff --git a/tools/webpack/shared.js b/tools/webpack/shared.js index 6c1397db40f09..ec12959351151 100644 --- a/tools/webpack/shared.js +++ b/tools/webpack/shared.js @@ -41,12 +41,30 @@ const getBaseConfig = ( env ) => { watch: env.watch, 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. + 'globalThis.IS_GUTENBERG_PLUGIN': JSON.stringify( false ), + // Inject the `IS_WORDPRESS_CORE` global, used for feature flagging. + 'globalThis.IS_WORDPRESS_CORE': JSON.stringify( true ), + // Inject the `SCRIPT_DEBUG` global, used for dev versions of JavaScript. + 'globalThis.SCRIPT_DEBUG': JSON.stringify( + mode === 'development' + ), + // Inject the `IS_GUTENBERG_PLUGIN` global, used for feature flagging. - 'process.env.IS_GUTENBERG_PLUGIN': false, + 'process.env.IS_GUTENBERG_PLUGIN': JSON.stringify( false ), // Inject the `IS_WORDPRESS_CORE` global, used for feature flagging. - 'process.env.IS_WORDPRESS_CORE': true, + 'process.env.IS_WORDPRESS_CORE': JSON.stringify( true ), // Inject the `SCRIPT_DEBUG` global, used for dev versions of JavaScript. - SCRIPT_DEBUG: mode === 'development', + SCRIPT_DEBUG: JSON.stringify( mode === 'development' ), } ), ], };