webpack.config.cjs

const path = require("path");
const exec = require("child_process").exec;
const { DefinePlugin } = require("webpack");
const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
const ResolveTypeScriptPlugin = require("resolve-typescript-plugin");

const SOURCE = path.resolve(__dirname, "./source");
const WEB_ENTRY = path.join(SOURCE, "index.web.ts");
const DIST = path.resolve(__dirname, "./dist/web");

const plugins = [
    new DefinePlugin({
        BUTTERCUP_WEB: true
    })
];
if (process.env.ANALYSE === "bundle") {
    plugins.push(new BundleAnalyzerPlugin());
}

const baseConfig = {
    devtool: false,

    entry: WEB_ENTRY,

    experiments: {
        outputModule: true
    },

    externalsType: "module",

    module: {
        rules: [
            {
                test: /(iconv-loader|bluebird|form-data)/,
                use: "null-loader"
            },
            {
                test: /\.ts$/,
                exclude: /node_modules/,
                use: {
                    loader: "ts-loader",
                    options: {
                        configFile: path.resolve(__dirname, "./tsconfig.web.json"),
                        onlyCompileBundledFiles: true
                    }
                }
            }
        ]
    },

    output: {
        path: DIST,
        filename: "index.js",
        environment: {
            module: true
        },
        library: {
            type: "module"
        }
    },

    plugins,

    resolve: {
        extensions: [".js"],
        fallback: {
            crypto: false,
            dns: false,
            fs: false,
            http: false,
            https: false,
            net: false,
            path: false,
            stream: false,
            util: false
        },
        plugins: [
            new ResolveTypeScriptPlugin()
        ]
    },

    target: "web"
};

module.exports = baseConfig;