webpack.config.js

const { resolve } = require("path");
const webpack = require("webpack");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const NodePolyfillPlugin = require("node-polyfill-webpack-plugin");

const {
  ENV,
  ETH_PROVIDER_URL,
  XDAI_PROVIDER_URL,
  FAUCET_TOKEN,
  GA_TRACKING_ID,
  FB_TRACKING_ID,
} = process.env;

if (
  [
    ETH_PROVIDER_URL,
    XDAI_PROVIDER_URL,
    FAUCET_TOKEN,
    GA_TRACKING_ID,
    FB_TRACKING_ID,
  ].some((x) => !x)
) {
  throw "Missing environment variable(s).";
}

const publicFolder = resolve("./public");

const isProd = ENV === "production";

const webpackLoader = {
  loader: "elm-webpack-loader",
  options: {
    debug: false,
    optimize: isProd,
    cwd: __dirname,
  },
};

const webpackPlugins = isProd
  ? [webpackLoader]
  : [{ loader: "elm-hot-webpack-loader" }, webpackLoader];

const mode = isProd ? "production" : "development";

module.exports = {
  mode,
  entry: "./src/index.js",
  devServer: {
    publicPath: "/",
    contentBase: publicFolder,
    port: 8000,
    hotOnly: true,
  },
  output: {
    publicPath: "./",
    path: publicFolder,
    filename: "bundle.js?t=" + new Date().getTime(),
  },
  module: {
    rules: [
      {
        test: /\.elm$/,
        exclude: [/elm-stuff/, /node_modules/],
        use: webpackPlugins,
      },
      {
        test: /\.(woff(2)?|ttf)$/,
        type: "asset/inline",
      },
      {
        test: /\.css$/,
        use: ["style-loader", "css-loader"],
      },
    ],
  },
  plugins: [
    new NodePolyfillPlugin(),
    new webpack.NoEmitOnErrorsPlugin(),
    new HtmlWebpackPlugin({
      cache: false,
      minify: false,
      template: "./src/index.ejs",
    }),
    new webpack.DefinePlugin({
      ETH_PROVIDER_URL: JSON.stringify(ETH_PROVIDER_URL),
      XDAI_PROVIDER_URL: JSON.stringify(XDAI_PROVIDER_URL),
      FAUCET_TOKEN: JSON.stringify(FAUCET_TOKEN),
      GA_TRACKING_ID: JSON.stringify(GA_TRACKING_ID),
      FB_TRACKING_ID: JSON.stringify(FB_TRACKING_ID),
    }),
  ],
};