one-click-accessibility/webpack.config.js at master · elementor/one-click-accessibility · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
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'),
	scanner: path.resolve(process.cwd(), 'modules/scanner/assets/js', 'index.js'),
	'remediation-module': path.resolve(
		process.cwd(),
		'modules/remediation/assets/js',
		'module.js',
	),
	'ea11y-scanner-wizard': path.resolve(
		process.cwd(),
		'assets/dev/css',
		'ea11y-scanner-wizard.scss',
	),
	'ea11y-scanner-admin': path.resolve(
		process.cwd(),
		'assets/dev/css',
		'ea11y-scanner-admin.scss',
	),
	fonts: path.resolve(process.cwd(), 'assets/css', 'fonts.css'),
	'skip-link': path.resolve(process.cwd(), 'assets/dev/css', 'skip-link.scss'),
	'gutenberg-custom-link': path.resolve(
		process.cwd(),
		'modules/widget/assets/js',
		'ally-gutenberg-block.js',
	),
	'deactivation-ally': path.resolve(
		process.cwd(),
		'modules/deactivation/assets/js',
		'deactivation-feedback.js',
	),
	reviews: path.resolve(
		process.cwd(),
		'modules/reviews/assets/src',
		'reviews.js',
	),
};

// 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-apps/global': path.resolve(__dirname, 'assets/dev/js'),
				'@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',
				),
				'@ea11y-apps/scanner': path.resolve(
					__dirname,
					'modules/scanner/assets/js',
				),
			},
			extensions: ['.js', '.jsx'],
		},
		optimization: {
			...defaultConfig.optimization,
			minimize: process.env.NODE_ENV === 'production',
			minimizer: [
				...defaultConfig.optimization.minimizer,
				new CssMinimizerPlugin(), // Minimize CSS
			],
		},
	},

	reactJSXRuntimePolyfill,
];