webpack.config.js

const path = require( 'path' );
const defaultConfig = require( '@wordpress/scripts/config/webpack.config' );
const DependencyExtractionWebpackPlugin = require( '@wordpress/dependency-extraction-webpack-plugin' );

// The calendar-react entry needs @wordpress packages bundled (not externalized)
// because the calendar page loads outside the block editor context where these
// globals aren't guaranteed to be available. This includes all @wordpress packages
// and their transitive dependencies (like react/jsx-runtime used by the automatic
// JSX transform).
const shouldBundleRequest = ( request ) => {
	// Bundle all @wordpress packages
	if ( request.startsWith( '@wordpress/' ) ) {
		return true;
	}
	// Bundle react/jsx-runtime (used by automatic JSX transform)
	if ( request === 'react/jsx-runtime' || request === 'react/jsx-dev-runtime' ) {
		return true;
	}
	return false;
};

// Replace the default DependencyExtractionWebpackPlugin with a configured one
// Return false to explicitly prevent externalization of bundled packages
const calendarPlugins = defaultConfig.plugins.map( ( plugin ) => {
	if ( plugin.constructor.name === 'DependencyExtractionWebpackPlugin' ) {
		return new DependencyExtractionWebpackPlugin( {
			requestToExternal( request ) {
				// Return false to bundle these packages instead of externalizing
				if ( shouldBundleRequest( request ) ) {
					return false;
				}
			},
			requestToHandle( request ) {
				// Return false to not add script handles for bundled packages
				if ( shouldBundleRequest( request ) ) {
					return false;
				}
			},
		} );
	}
	return plugin;
} );

// Custom status block runs in the block editor where @wordpress packages are
// available as globals, so use default externalization behavior.
const customStatusBlockConfig = {
	...defaultConfig,
	entry: {
		'custom-status-block': './modules/custom-status/lib/custom-status-block.js',
	},
	output: {
		...defaultConfig.output,
		path: path.resolve( __dirname, 'build' ),
		clean: false,
	},
};

// Calendar React needs @wordpress packages bundled since it runs outside
// the block editor context.
const calendarReactConfig = {
	...defaultConfig,
	entry: {
		'calendar-react': './modules/calendar/lib/react/calendar.react.js',
	},
	output: {
		...defaultConfig.output,
		path: path.resolve( __dirname, 'build' ),
		clean: false,
	},
	plugins: calendarPlugins,
};

module.exports = [ customStatusBlockConfig, calendarReactConfig ];