one-click-accessibility/webpack.config.js

const path = require('path');
const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
const defaultConfig = require('@wordpress/scripts/config/webpack.config');

// add your entry points here
const entryPoints = {
	admin: path.resolve(process.cwd(), 'modules/settings/assets/js', 'admin.js'),
	'skip-link': path.resolve(process.cwd(), 'assets/css', 'skip-link.css'),
};

// React JSX Runtime Polyfill
const reactJSXRuntimePolyfill = {
	entry: {
		'react-jsx-runtime': {
			import: 'react/jsx-runtime',
		},
	},
	output: {
		path: path.resolve(__dirname, 'assets/lib'),
		filename: 'react-jsx-runtime.js',
		library: {
			name: 'ReactJSXRuntime',
			type: 'window',
		},
	},
	externals: {
		react: 'React',
	},
};

module.exports = [
	{
		...defaultConfig,
		entry: entryPoints,
		output: {
			...defaultConfig.output,
			path: path.resolve(process.cwd(), 'assets/build'),
			clean: true,
		},
		resolve: {
			alias: {
				'@ea11y/hooks': path.resolve(
					__dirname,
					'modules/settings/assets/js/hooks/',
				),
				'@ea11y/components': path.resolve(
					__dirname,
					'modules/settings/assets/js/components/',
				),
				'@ea11y/icons': path.resolve(
					__dirname,
					'modules/settings/assets/js/icons/',
				),
				'@ea11y/layouts': path.resolve(
					__dirname,
					'modules/settings/assets/js/layouts/',
				),
				'@ea11y/pages': path.resolve(
					__dirname,
					'modules/settings/assets/js/pages/',
				),
				'@ea11y/services': path.resolve(
					__dirname,
					'modules/settings/assets/js/services',
				),
			},
			extensions: ['.js', '.jsx'],
		},
		optimization: {
			...defaultConfig.optimization,
			minimize: true,
			minimizer: [
				...defaultConfig.optimization.minimizer,
				new CssMinimizerPlugin(), // Minimize CSS
			],
		},
	},

	reactJSXRuntimePolyfill,
];