webpack.config.js

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

const config = {
    entry: {
        fallback: './src/client/index.js',
        dataTools: './src/client/dataTools.js',
        salesforceconfig: './src/client/salesforceconfig.js',
        platformeventactivity: './src/client/platformeventactivity.js',
        salesforcenotification: './src/client/salesforcenotification.js'
    },
    mode: 'production',
    output: {
        path: path.resolve('dist'),
        filename: './[name].js'
    },
    plugins: [
        new CleanWebpackPlugin(),
        new LwcWebpackPlugin({
            modules: [
                { dir: 'src/client/modules' },
                { npm: 'lightning-base-components' }
            ]
        }),
        new HtmlWebpackPlugin({
            template: 'src/client/index.html',
            filename: './index.html',
            title: 'fallback',
            chunks: ['fallback']
        }),
        new HtmlWebpackPlugin({
            template: 'src/client/index.html',
            filename: './dataTools.html',
            title: 'Data Tools',
            chunks: ['dataTools']
        }),

        new HtmlWebpackPlugin({
            template: 'src/client/index.html',
            filename: './salesforceconfig/app.html',
            title: 'Salesforce Config',
            chunks: ['salesforceconfig']
        }),
        new HtmlWebpackPlugin({
            template: 'src/client/index.html',
            filename: './platformevent/activity.html',
            title: 'Platform Event Activity',
            chunks: ['platformeventactivity']
        }),
        new HtmlWebpackPlugin({
            template: 'src/client/index.html',
            filename: './salesforcenotification/activity.html',
            title: 'Salesforce Notification Activity',
            chunks: ['salesforcenotification']
        }),
        new CopyPlugin({
            patterns: [
                {
                    from: 'src/client/assets',
                    to: 'assets/'
                },
                {
                    from: 'node_modules/@salesforce-ux/design-system/assets/images',
                    to: 'assets/images'
                },
                {
                    from: 'node_modules/@salesforce-ux/design-system/assets/icons',
                    to: 'assets/icons'
                },
                {
                    from: 'node_modules/@salesforce-ux/design-system/assets/styles/salesforce-lightning-design-system.min.css',
                    to: 'assets/styles/salesforce-lightning-design-system.min.css'
                }
            ]
        })
    ],
    stats: { assets: false }
};

// development only
if (process.env.NODE_ENV !== 'production') {
    require('dotenv').config();
    config.mode = 'development';
    config.devtool = 'source-map';
    config.watchOptions = {
        ignored: /node_modules/,
        aggregateTimeout: 5000
    };
}

module.exports = config;