vue.config.js

const HtmlWebpackPlugin = require('html-webpack-plugin');
const TerserWebpackPlugin = require('terser-webpack-plugin');

module.exports = {
    devServer: {
        disableHostCheck: (process.env.NODE_ENV === 'development'),
        sockHost: 'auth-dev.localhost.io'
    },
    configureWebpack: {
        entry: {
            op_session: './session/op_session.js',
            rp_session: './session/rp_session.js'
        },
        output: {
            filename: chunkData => {
                return chunkData.chunk.name  == 'rp_session' ? 'js/[name].min.js' : 'js/[name].[hash:8].min.js'
            }
        },
        plugins: [
            new HtmlWebpackPlugin({
                filename: 'check_session.html',
                template: './session/check_session.html',
                chunks: ['op_session'],
                inject: 'head',
                minify: {
                    collapseWhitespace: true,
                    removeComments: true,
                    removeRedundantAttributes: true,
                    removeScriptTypeAttributes: true,
                    removeStyleLinkTypeAttributes: true,
                    useShortDoctype: true
                }
            })
        ],
        optimization: {
            minimizer: [
                new TerserWebpackPlugin({
                    chunkFilter: (chunk) => {
                        if (chunk.name === 'op_session' || chunk.name === 'rp_session') {
                            return true;
                        }
                        return false;
                    },
                }),
            ]
        },
    }
}