wisemapping-frontend/packages/mindplot/webpack.playground.js

const path = require('path');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');

/** @type {import('webpack').Configuration} */
module.exports = {
    entry: {
        palette: path.resolve(__dirname, './test/javascript/static/test/testPalette'),
        layout: path.resolve(__dirname, './test/javascript/static/test/testLayout'),
    },
    output: {
        path: path.resolve(__dirname, 'dist', 'test'),
        filename: '[name].test.js',
        publicPath: '',
    },
    mode: 'production',
    optimization: {
        splitChunks: {
            chunks: 'all',
            minSize: 2000000,
        },
    },
    devtool: 'source-map',
    module: {
        rules: [
            {
                use: 'babel-loader',
                test: /.(js|jsx)$/,
                exclude: /node_modules/,
            },
            {
                type: 'asset',
                test: /\.(png|svg|jpg|jpeg|gif)$/i,
            },
        ],
    },
    resolve: {
        extensions: ['.js', '.jsx', '.json'],
    },
    plugins: [
        new CleanWebpackPlugin(),
        new HtmlWebpackPlugin({
            template: 'test/javascript/static/index.html',
        }),
        new HtmlWebpackPlugin({
            chunks: ['palette'],
            filename: 'palette',
            template: 'test/javascript/static/palette.html',
        }),
        new HtmlWebpackPlugin({
            chunks: ['layout'],
            filename: 'layout',
            template: 'test/javascript/static/layout.html',
        }),
    ],
};