webpack.config.js

const path = require('path');
const webpack = require('webpack');

/** @typedef {import('webpack').Configuration} WebpackConfig **/
/** @type WebpackConfig */
const webExtensionConfig = {
    mode: 'production', // this leaves the source code as close as possible to the original (when packaging we set this to 'production')
    target: 'webworker', // extensions run in a webworker context
    entry: {
        extension: './src/main.ts' // source of the web extension test runner
    },
    output: {
        filename: 'main.js',
        path: path.join(__dirname, 'dist/web'),
        libraryTarget: 'commonjs'
    },
    resolve: {
        mainFields: ['browser', 'module', 'main'], // look for `browser` entry point in imported node modules
        extensions: ['.ts', '.js'], // support ts-files and js-files
        alias: {
            // Explicitly map the ESM fully specified import 'process/browser' used by some packages (async)
            'process/browser': require.resolve('process/browser.js'),
        },
        fallback: {
            child_process: false,
            "http": require.resolve("stream-http"),
            path: require.resolve('path-browserify'),
            tls: require.resolve('tls-browserify'),
            net: require.resolve('net-browserify'),
            console: require.resolve('console-browserify'),
            constants: require.resolve('constants-browserify'),
            crypto: require.resolve('crypto-browserify'),
            domain: require.resolve('domain-browser'),
            https: require.resolve('https-browserify'),
            os: require.resolve('os-browserify/browser'),
            querystring: require.resolve('querystring-es3'),
            stream: require.resolve('stream-browserify'),
            timers: require.resolve('timers-browserify'),
            tty: require.resolve('tty-browserify'),
            fs: false,
            "fs/promises": false,
            vm: require.resolve('vm-browserify'),
            zlib: require.resolve('browserify-zlib'),
            "buffer": false,
            "async_hooks": false,
            "findup-sync": false,
            process: require.resolve('process/browser'),
        },
    },

    module: {
        rules: [
            {
                test: /\.ts$/,
                exclude: /node_modules/,
                use: [
                    {
                        loader: 'ts-loader'
                    }
                ]
            }
        ]
    },
    plugins: [
        new webpack.ProvidePlugin({
            Buffer: ['buffer', 'Buffer'],
            process: 'process/browser.js'
        }),
        new webpack.NormalModuleReplacementPlugin(
            /^node:/,
            (resource) => {
                resource.request = resource.request.replace(/^node:/, '');
            },
        )
    ],
    externals: {
        vscode: 'commonjs vscode' // ignored because it doesn't exist
    },
    performance: {
        hints: false
    },
    devtool: 'nosources-source-map' // create a source map that points to the original source file
};
module.exports = [webExtensionConfig];