webpack.config.js

const path = require('path');
const webpack = require('webpack');
const webTarget = {
  target: 'web',
  entry: './src/index.ts',
  devtool: 'source-map',
  watchOptions: {
    ignored: /node_modules/,
    poll: true,
  },
  plugins: [
    new webpack.NormalModuleReplacementPlugin(/node:/, resource => {
      resource.request = resource.request.replace(/^node:/, '');
    }),
  ],
  module: {
    rules: [
      {
        test: /\.ts?$/,
        use: {
          loader: 'swc-loader',
        },
        exclude: /node_modules/,
      },
    ],
  },
  resolve: {
    extensions: ['.tsx', '.ts', '.js'],
    fallback: {
      stream: require.resolve('stream-browserify'),
      util: require.resolve('util/'),
      path: require.resolve('path-browserify'),
      crypto: require.resolve('crypto-browserify'),
      fs: false,
    },
  },
  output: {
    filename: 'index.js',
    path: path.resolve(__dirname, 'dist/browser'),
    globalObject: 'this',
    library: {
      name: 'Fileroom',
      type: 'umd',
    },
  },
  /*
  devServer: {
    static: path.join(__dirname, 'dist'),
    compress: true,
    port: 4000,
  },
  */
};

/*
  devServer: {
    static: path.join(__dirname, 'dist'),
    compress: true,
    port: 4000,
  },
  */

module.exports = [webTarget];