webpack.dev.js

/* eslint-disable @typescript-eslint/no-var-requires */
const { merge } = require("webpack-merge");
const common = require("./webpack.common.js");
const CopyPlugin = require("copy-webpack-plugin");
const webpack = require("webpack");

if (!process.env.API_DESIGNER_POC_CONFIG) {
  console.info("");
  console.info("=======================================================================");
  console.info("Using default 'none' configuration for running on localhost.");
  console.info("You can configure a profile using the API_DESIGNER_POC_CONFIG env var.");
  console.info("Example:  'export API_DESIGNER_POC_CONFIG=staging'");
  console.info("=======================================================================");
  console.info("");
}

const CONFIG = process.env.API_DESIGNER_POC_CONFIG || "none";
console.info("Using API Designer POC config: ", CONFIG);
const devServerConfigFile = `./configs/${CONFIG}/devServer.json`;
const devServerConfig = require(devServerConfigFile);

let filesToCopy = [
  { from: `./configs/${CONFIG}/config.js`, to: "config.js"}
];

if (devServerConfig.keycloak) {
  const kcConfigFile = `./configs/${CONFIG}/keycloak.json`;
  filesToCopy.push(
      { from: kcConfigFile, to: "keycloak.json"}
  );
}

if (devServerConfig.warning) {
  console.info("");
  console.info("====================================================================");
  console.info(devServerConfig.warning);
  console.info("====================================================================");
  console.info("");
}

module.exports = merge(common("development"), {
  mode: "development",
  devtool: "eval-source-map",
  devServer: {
    static: {
      directory: "./dist",
    },
    host: devServerConfig.host,
    port: devServerConfig.port,
    compress: true,
    //inline: true,
    historyApiFallback: true,
    allowedHosts: "all",
    hot: true,
    client: {
      overlay: true,
    },
    open: true,
    https: devServerConfig.protocol === "https",
    headers: {
      "Access-Control-Allow-Origin": "*",
      "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
      "Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization",
    },
  },
  plugins: [
    new CopyPlugin({
      patterns: filesToCopy
    })
  ]
});