webpack.config.js

const { ProvidePlugin, DefinePlugin } = require('webpack');
const TerserPlugin = require('terser-webpack-plugin');

const Package = require('./package.json');

/** @type {import('webpack').Configuration} */
module.exports = {
    entry: './src/index.ts',
    target: 'web',
    module: {
        rules: [
            {
                test: /\.(js)$/,
                exclude: /node_modules/,
                use: {
                    loader: 'babel-loader',
                },
            },
            {
                test: /\.(ts)$/,
                exclude: /node_modules/,
                use: {
                    loader: 'ts-loader',
                },
            },
        ],
    },
    resolve: {
        mainFields: ['browser', 'main', 'module'],
        extensions: ['*', '.js', '.ts'],
        fallback: {
            fs: false,
            os: false,
            stream: false,
            util: false,
            zlib: false,
        },
    },
    node: {
        global: false,
    },
    output: {
        path: `${__dirname}/dist`,
        filename: 'bundle.js',
        libraryTarget: 'umd',
        library: 'Apify',
    },
    mode: 'production',
    plugins: [
        new ProvidePlugin({
            process: require.resolve('process/browser'),
        }),
        new DefinePlugin({
            VERSION: JSON.stringify(Package.version),
            BROWSER_BUILD: true,
        }),
    ],
    optimization: {
        minimizer: [
            new TerserPlugin({
                terserOptions: {
                    keep_classnames: true,
                },
            }),
        ],
    },
};