webpack.config.js

const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const CopyWebpackPlugin = require("copy-webpack-plugin");
const CompressionPlugin = require("compression-webpack-plugin");
const FaviconsWebpackPlugin = require("favicons-webpack-plugin");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");

module.exports = (env, argv) => {
  let url = "https://blaseball.buzz";
  if (argv.mode === "development") {
    url = "http://localhost:8080";
  }
  return {
    mode: argv.mode,
    entry: {
      index: "./src/index.js",
    },
    optimization: {
      splitChunks: {
        chunks: "all",
      },
    },
    module: {
      rules: [
        {
          test: /\.(png|svg|jpg|gif|ico)$/,
          use: [
            {
              loader: "file-loader",
              options: {
                name: "assets/[name].[contenthash].[ext]",
              },
            },
          ],
        },
      ],
    },
    devtool: argv.mode === "development" ? "inline-source-map" : false,
    devServer: {
      port: "auto",
      host: "local-ip",
      hot: true,
      devMiddleware: {
        index: "index.html",
      },
      proxy: {
        "/settings": {
          bypass: (req, res) =>
            res.send({
              EventStream:
                // "https://api.sibr.dev/replay/v1/replay?from=2021-07-01T01:00:08.17Z",
                "https://api.sibr.dev/corsmechanics/api.blaseball.com/events/streamData",
              SiestaMessage:
                // "Blaseball is in a Siesta.  Broadcasting historical data by default.",
                null,
            }),
        },
      },
    },
    plugins: [
      new CleanWebpackPlugin(),
      new FaviconsWebpackPlugin(path.resolve(__dirname, "src/images/icon.svg")),
      new HtmlWebpackPlugin({
        hash: true,
        title: "Blaseball Buzz",
        url,
        template: "./src/index.html",
      }),
      new CopyWebpackPlugin({
        patterns: [
          {
            context: "node_modules/@webcomponents/webcomponentsjs",
            from: "webcomponents-loader.js",
            to: "webcomponents",
          },
        ],
      }),
      new CompressionPlugin({
        filename: "[path][base].gz",
        algorithm: "gzip",
      }),
      new CompressionPlugin({
        filename: "[path][base].br",
        algorithm: "brotliCompress",
      }),
    ],
    output: {
      filename: "[name].[contenthash].bundle.js",
      path: path.resolve(__dirname, "dist"),
      clean: true,
    },
  };
};