webpack.prod.js

const CopyWebpackPlugin = require('copy-webpack-plugin');
const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
const TerserPlugin = require('terser-webpack-plugin');

module.exports = {
    mode: 'production',
    devtool: 'source-map',
    entry: {
        main: './app/js/src/index.js',
        slides: './app/js/slides/index.js',
    },
	output: {
		filename: 'src/[name].bundle.js',
    },
    plugins: [
        new CopyWebpackPlugin({
            patterns: [
                { from: 'app/images', to: 'images' },
                { from: 'app/js/lib', to: 'src/lib' },
                { from: 'app/*.html', to: '[name].html' },
                { from: 'app/manifest.json', to: 'manifest.json' },
            ]
        }),
    ],
    module: {
        rules: [{
            test    : /\.(png|jpg|svg|gif|ttf|woff|eot)$/,
            use: [
                {
                    loader: 'url-loader',
                    options: {
                        limit: false // <-- Do not convert images to Base64 or they will need to be decypted on every frame!!
                    }
                }
            ]
        },
        {
            test: /\.(css|scss)$/,
            use: [{
                loader: 'style-loader'
            }, {
                loader: 'css-loader'
            }, {
                loader: 'sass-loader'
            }]
        }]
    },
    performance: {
        hints: false
    },
    optimization: {
        minimize: true,
        minimizer: [
          new CssMinimizerPlugin(),
          new TerserPlugin({
            test: /\.js(\?.*)?$/i,
          }),
        ],
    },
};