webpack.config.js

const { ESBuildMinifyPlugin } = require('esbuild-loader');
const HtmlPlugin = require("html-webpack-plugin");
const CssPlugin = require("mini-css-extract-plugin");
const CopyPlugin = require("copy-webpack-plugin");
const path = require('path');
const pkg = require("./package.json");

var config = {
    entry: './src/index.ts',
    module: {
        rules: [
            {
                test: /\.(ts|tsx)$/,
                exclude: /node_modules/,
                use: {
                    loader: "esbuild-loader",
                    options: {
                        loader: "ts",
                        target: "esnext"
                    }
                },
            },
            {
                test: /\.css/,
                use: [
                    { loader: CssPlugin.loader },
                    {
                        loader: "css-loader",
                        options: { url: false }
                    }],
            },
        ],
    },
    resolve: {
        extensions: ['.ts', '.tsx', '.js', "jsx"],
        fallback: { crypto: false }
    },
    output: {
        filename: 'index.js',
        path: path.resolve(__dirname, 'build')
    },
    plugins: [
        new HtmlPlugin({
            template: "src/index.html",
            title: pkg.title || "Engeenee Face Demo",
            meta: { description: pkg.description || "Engeenee Face demo" }
        }),
        new CssPlugin()
    ]
};

module.exports = (_, argv) => {
    if (argv.mode === "development") {
        config.mode = "development";
        config.devtool = 'source-map';
        config.devServer = { port: 3000 };
        config.output.devtoolModuleFilenameTemplate =
            "file:///[absolute-resource-path]"
    }
    else {
        config.mode = "production";
        config.optimization = {
            minimize: true,
            minimizer: [new ESBuildMinifyPlugin({
                target: "esnext", legalComments: "none"
            })]
        };
        config.plugins.push(new CopyPlugin({
            patterns: ["public"]
        }));
        config.output.filename = "index.[fullhash].js";
    }
    return config;
}