webpack.common.js

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

let publicPath = undefined;
if (process.env.NETLIFY) {
  // environment variables are documented at https://docs.netlify.com/configure-builds/environment-variables/#read-only-variables
  const root = process.env.CONTEXT === "production" ? process.env.URL : process.env.DEPLOY_PRIME_URL;
  publicPath = `${root}/assets/js/`;
}

module.exports = {
  "entry": {
    "main": "./webpack/main.js",
    "index": "./webpack/pages/index.js",
    "about-us": "./webpack/pages/about-us.js",
    "embed": "./webpack/pages/embed.js",
  },
  "output": {
    "path": path.resolve(__dirname, "assets/js"),
    "environment": {
      "arrowFunction": false,
      "bigIntLiteral": false,
      "const": false,
      "destructuring": false,
      "dynamicImport": false,
      "forOf": false,
      "module": false,
    },
  },
  "module": {
    "rules": [
      {
        test: /\.m?jsx?$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader",
        },
      },
      {
        test: /\.handlebars$/,
        loader: "handlebars-loader",
        options: {
          helperDirs: [path.resolve(__dirname, "webpack/handlebars-helpers")],
        },
      },
    ],
  },
  "resolve": {
    "fallback": {
      "url": require.resolve("url/"),
      "path": require.resolve("path-browserify"),
    },
  },
  "resolveLoader": {
    modules: ["node_modules", path.resolve(__dirname, "webpack/loaders")],
  },
  "plugins": [
    new webpack.SourceMapDevToolPlugin({
      filename: "[file].map",
      publicPath,
    }),
  ],
};