webpack.prod.js

const merge = require( 'webpack-merge' );
const WebpackAssetsManifest = require( 'webpack-assets-manifest' );
const path = require( 'path' );
const common = require( './webpack.common.js' );
const webpack = require( 'webpack' );
const CleanWebpackPlugin = require( 'clean-webpack-plugin' );
const miniExtract = require( 'mini-css-extract-plugin' );
const wpi18nExtractor = require( './bin/i18n-map-extractor.js' );
const assetsData = Object.create( null );
common.forEach( ( config, index ) => {
	common[ index ] = merge( config, {
		plugins: [
			new CleanWebpackPlugin( [ 'assets/dist', 'translation-map.json' ] ),
			new webpack.DefinePlugin( {
				'process.env': {
					NODE_ENV: JSON.stringify( 'production' ),
				},
			} ),
			new wpi18nExtractor( {
				aliases: {
					'wp-plugins-page': 'ee-wp-plugins-page',
					'data-stores': 'eventespresso-data-stores',
					components: 'eventespresso-components',
					helpers: 'eventespresso-helpers',
					valueObjects: 'eventespresso-value-objects',
					hocs: 'eventespresso-hocs',
					model: 'eventespresso-model',
					validators: 'eventespresso-validators',
					'editor-hocs': 'eventespresso-editor-hocs',
				},
				excludes: [ 'eejs', 'vendor' ],
			} ),
			new WebpackAssetsManifest( {
				output: path.resolve( __dirname,
					'assets/dist/build-manifest.json',
				),
				assets: assetsData,
			} ),
			new webpack.ProvidePlugin( {
				React: 'react',
			} ),
			new miniExtract( {
				filename: 'ee-[name].[contenthash].dist.css',
			} ),
		],
		mode: 'production',
	} );
	//delete temporary named config item so no config errors
	delete common[ index ].configName;
} );
module.exports = common;