accessibility-new-window-warnings/webpack.config.js at develop · equalizedigital/accessibility-new-window-warnings · 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
/* global __dirname, module */
const path = require( 'path' );
const TerserPlugin = require( 'terser-webpack-plugin' );
const MiniCssExtractPlugin = require( 'mini-css-extract-plugin' );
const CssMinimizerPlugin = require( 'css-minimizer-webpack-plugin' );
const RemoveEmptyScriptsPlugin = require( 'webpack-remove-empty-scripts' );

const baseConfig = {
	entry: {
		js: './src/index.js',
		css: './assets/css/accessibility-new-window-warnings.css',
	},
	devtool: false,
	module: {
		rules: [
			{
				test: /\.js$/,
				exclude: /node_modules/,
				use: {
					loader: 'babel-loader',
					options: {
						presets: [
							[ '@babel/preset-env', { targets: '> 0.25%, not dead' } ],
						],
					},
				},
			},
			{
				test: /\.css$/,
				use: [ MiniCssExtractPlugin.loader, { loader: 'css-loader', options: { url: false } } ],
			},
		],
	},
};

module.exports = [
	// Non-minified
	{
		...baseConfig,
		name: 'unminified',
		entry: {
			'accessibility-new-window-warnings': './src/index.js',
			style: './assets/css/accessibility-new-window-warnings.css',
		},
		output: {
			path: path.resolve( __dirname, 'assets' ),
			filename: 'js/[name].js',
		},
		plugins: [
			new MiniCssExtractPlugin( { filename: 'css/accessibility-new-window-warnings.css' } ),
			new RemoveEmptyScriptsPlugin(),
		],
		optimization: {
			minimize: false,
		},
	},
	// Minified
	{
		...baseConfig,
		name: 'minified',
		entry: {
			'accessibility-new-window-warnings-min': './src/index.js',
			style: './assets/css/accessibility-new-window-warnings.css',
		},
		output: {
			path: path.resolve( __dirname, 'assets' ),
			filename: 'js/[name].js',
		},
		plugins: [
			new MiniCssExtractPlugin( { filename: 'css/accessibility-new-window-warnings-min.css' } ),
			new RemoveEmptyScriptsPlugin(),
		],
		optimization: {
			minimizer: [
				new TerserPlugin( {
					parallel: true,
					terserOptions: {
						format: {
							// Keep `translators:` comments in the built bundles.
							comments: /translators:/i,
						},
					},
				} ),
				new CssMinimizerPlugin(),
			],
		},
	},
];