block_editor-1.0.x-dev/tools/webpack/vendors.js

/**
 * External dependencies
 */
const { join } = require( 'path' );

const importedVendors = {
	'react-jsx-runtime': {
		import: 'react/jsx-runtime',
		global: 'ReactJSXRuntime',
	},
};

module.exports = [
	...Object.entries( importedVendors ).flatMap( ( [ name, config ] ) => {
		return [ 'production', 'development' ].map( ( mode ) => {
			return {
				mode,
				target: 'browserslist',
				output: {
					filename:
						mode === 'development'
							? `vendors/[name].js`
							: `vendors/[name].min.js`,
					path: join( __dirname, '..', '..', 'build' ),
				},
				entry: {
					[ name ]: {
						import: config.import,
						library: {
							name: config.global,
							type: 'window',
						},
					},
				},

				externals: {
					react: 'React',
				},
			};
		} );
	} ),
];