webpack.config.js

// Webpack Config File, compiles src/index.ts into dist/bundle.js

const path = require('path');
const NodePolyfillPlugin = require('node-polyfill-webpack-plugin');
const { webpack, DefinePlugin } = require("webpack");

// Include dotenv file in webpack bundle
const dotenv = require("dotenv");
dotenv.config();

module.exports = {
  entry: "./src/index.ts",
  devtool: "inline-source-map",
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        use: "ts-loader",
        exclude: /node_modules/,
      },
    ],
  },
  resolve: {
    extensions: [".tsx", ".ts", ".js"],
    // Ignore some packages when bundling code (from https://stackoverflow.com/q/64557638/20791863)
    fallback: {
      fs: false,
      tls: false,
      net: false,
      path: false,
      zlib: false,
      http: false,
      https: false,
      stream: false,
      crypto: false,
      async_hooks: false,
      "crypto-browserify": require.resolve("crypto-browserify"), //if you want to use this module also don't forget npm i crypto-browserify
    },
  },
  output: {
    filename: "bundle.js",
    path: path.resolve(__dirname, "dist"),
  },
  plugins: [
    new NodePolyfillPlugin(),
    new DefinePlugin({
      "process.env":
        JSON.stringify(dotenv.config().parsed) ?? assert.fail("Bad .env file"),
    }),
  ],
};