webpack.prod.js

/* istanbul ignore file */
/* eslint-env node */
/* eslint @typescript-eslint/no-var-requires: "off" */

import { merge } from 'webpack-merge';
import common from './webpack.common.js';
import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';
import webpack from 'webpack';
import { readFileSync } from 'fs';

const version = JSON.parse(
    readFileSync('./package.json', { encoding: 'utf8' })
).version;

export default merge(common, {
    mode: 'production',
    optimization: {
        // Inject a CSS minimizer alongside the default JS minimizer (the '...' is the inclusion of the default webpack JS minimizer!)
        minimizer: [new CssMinimizerPlugin(), '...'],
    },
    plugins: [
        new webpack.DefinePlugin({
            __VUE_OPTIONS_API__: false,
            __VUE_PROD_DEVTOOLS__: false,
            VERSION: JSON.stringify(version),
        }),
    ],
});