webpack.config.cjs

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
// const CopyWebpackPlugin = require('copy-webpack-plugin');
const CompressionPlugin = require("compression-webpack-plugin");
const webpack = require("webpack");
const resolve = dir => path.join(__dirname, dir);

const config = {
	// where webpack starts to build the bundle. All other deps are imported from here.
	entry: {
		main: "./src/main.js", 
		worker: "./src/worker.js" 
	},
	output: {
		filename: '[name].js',
		path: resolve("dist")
	},

	// customize the webpack build process.
	plugins: [
		new HtmlWebpackPlugin({
			hash: true,
			template: "./src/index.html",
			filename: "index.html", //relative to root of the application
		}),
		new webpack.ProvidePlugin({
			process: 'process/browser',
		}),
		new CompressionPlugin(),
	],

	resolve: {
		fallback: {
			"stream": require.resolve("stream-browserify"),
			"util": require.resolve("util/"),
		},
	},

	devServer: {
		/** following two lines allow (less-secure) access from the Local network. */
		allowedHosts: "all",
		host: "0.0.0.0"
	}
};

module.exports = (env, argv) => {
	if (argv.mode === 'development') {
		// note that by default, development mode uses evil eval.
		// we must set the devtool explicitly to change this.
		config.devtool = 'inline-source-map';
	}
	if (argv.mode === 'production') {
		// do not enable source-map
	}
	return config;
};