webpack.dev.js

const { merge } = require("webpack-merge");
const common = require("./webpack.common.js");

module.exports = merge(common, {
  mode: "development",
  devtool: "eval-source-map",
  devServer: {
    devMiddleware: {
      publicPath: "/",
      index: "slycat_projects.html",
    },
    // Only compiles on refresh, not on file change. But does not work, complains of running webpack twice.
    // lazy: true,

    // Disable live reloading. Useful when trying to run two branches side by side.
    // inline: false,

    // compress: true,
    host: "0.0.0.0",
    port: 9000,
    server: "https",
    proxy: [
      {
        context: ["/api"],
        target: "https://haproxy:443",
        pathRewrite: { "^/api": "" },
        secure: false,
      },
    ],
    historyApiFallback: {
      rewrites: [
        // { from: /^\/$/, to: '/views/landing.html' },
        // { from: /^\/subpage/, to: '/views/subpage.html' },
        // If the URL begins with projects/ (note the trailing slash), serve up the single project page
        { from: /^\/projects\//, to: "/slycat_project.html" },
        // If the URL begins with projects (note no trailing slash), serve up the listing of all projects.
        // This is for backwards compatibility, since we used to redirect unknown URLs to /projects to give the user
        // a projects listing.
        { from: /^\/projects/, to: "/slycat_projects.html" },
        { from: /^\/models/, to: "/slycat_model.html" },
        { from: /^\/login/, to: "/slycat_login.html" },
        { from: /^\/pages/, to: "/slycat_page.html" },
        // { from: /./, to: '/views/404.html' },
      ],
    },
  },
});