FrankerFaceZ/webpack.web.prod.js

const webpack = require('webpack');
const merge = require('webpack-merge');
const common = require('./webpack.web.common.js');

const CopyPlugin = require('copy-webpack-plugin');
const TerserPlugin = require('terser-webpack-plugin');
const { WebpackManifestPlugin } = require('webpack-manifest-plugin');
const {CleanWebpackPlugin} = require('clean-webpack-plugin');

const Terser = require('terser');

// Get Git info

const commit_hash = require('child_process').execSync('git rev-parse HEAD').toString().trim();
const FOR_EXTENSION = !! process.env.FFZ_EXTENSION;

/* global module Buffer */

const minifier = content => {
	let text = content.toString('utf8');
	if ( FOR_EXTENSION )
		text = text.replace('__EXTENSION_PATH__', JSON.stringify(process.env.FFZ_EXTENSION));
	const minified = Terser.minify(text);
	return (minified && minified.code) ? Buffer.from(minified.code) : Buffer.from(text);
};

module.exports = merge(common, {
	mode: 'production',
	devtool: 'source-map',

	optimization: {
		concatenateModules: false,
		minimizer: [
			new TerserPlugin({
				sourceMap: true,
				terserOptions: {
					keep_classnames: true,
					keep_fnames: true
				}
			})
		]
	},

	plugins: [
		new CleanWebpackPlugin(),
		new webpack.DefinePlugin({
			__git_commit__: JSON.stringify(commit_hash)
		}),
		new CopyPlugin([
			{
				from: FOR_EXTENSION
					? './src/entry_ext.js'
					: './src/entry.js',
				to: 'script.min.js',
				transform: minifier
			}
		]),
		new WebpackManifestPlugin({
			publicPath: '',
			map: data => {
				if ( data.name.endsWith('.scss') )
					data.name = `${data.name.substr(0,data.name.length - 5)}.css`;

				return data;
			}
		})
	],

	output: {
		publicPath: FOR_EXTENSION
			? process.env.FFZ_EXTENSION
			: '//cdn.frankerfacez.com/static/',
		filename: FOR_EXTENSION
			? '[name].js'
			: '[name].[hash].js'
	}
});