webpack.config.cjs

const path = require("node:path");
const { DefinePlugin } = require("webpack");
const ResolveTypeScriptPlugin = require("resolve-typescript-plugin");
const { merge } = require("webpack-merge");

function getBasicConfig() {
    return {
        experiments: {
            outputModule: true
        },

        externals: [],

        externalsType: "module",

        module: {
            rules: [
                {
                    test: /\.[jt]s$/,
                    loader: "babel-loader",
                    options: {
                        presets: [
                            ["@babel/preset-env", {
                                targets: [
                                    "> 0.25%, not dead",
                                    "maintained node versions"
                                ]
                            }],
                            "@babel/preset-typescript"
                        ],
                        plugins: [
                            "babel-plugin-transform-async-to-promises"
                        ]
                    },
                    resolve: {
                        fullySpecified: false
                    }
                }
            ]
        },

        node: false,

        output: {
            environment: {
                module: true
            },
            library: {
                type: "module"
            }
        },

        resolve: {
            alias: {
                "http": path.resolve(__dirname, "./util/http.stub.ts"),
                "node-fetch": path.resolve(__dirname, "./util/node-fetch.stub.ts")
            },
            extensions: [".js"],
            fallback: {
                buffer: false,
                crypto: false,
                dns: false,
                fs: false,
                http: false,
                https: false,
                net: false,
                path: false,
                stream: false,
                util: false
            }
        }
    };
}

module.exports = [
    merge(getBasicConfig(), {
        entry: path.resolve(__dirname, "./source/index.ts"),

        output: {
            filename: "index.js",
            path: path.resolve(__dirname, "./dist/web")
        },

        plugins: [
            new DefinePlugin({
                TARGET: JSON.stringify("web")
            })
        ],

        resolve: {
            alias: {
                "he": path.resolve(__dirname, "./util/he.stub.ts")
            },
            plugins: [
                // Handle .ts => .js resolution
                new ResolveTypeScriptPlugin()
            ]
        },

        target: "web"
    }),
    merge(getBasicConfig(), {
        entry: path.resolve(__dirname, "./source/index.ts"),

        output: {
            filename: "index.js",
            path: path.resolve(__dirname, "./dist/react-native")
        },

        plugins: [
            new DefinePlugin({
                TARGET: JSON.stringify("react-native")
            })
        ],

        resolve: {
            plugins: [
                // Handle .ts => .js resolution
                new ResolveTypeScriptPlugin()
            ]
        },

        target: "web"
    }),
];