webpack.config.dev.js

const path = require('path');
const {merge} = require('webpack-merge');
const commonConfig = require('./webpack.config.common');
const CopyPlugin = require("copy-webpack-plugin");
const {CleanWebpackPlugin} = require('clean-webpack-plugin');

const host = 'localhost';
const portHere = 9000;
const portThere = 7200;

module.exports = (env, argv) => merge(commonConfig(env, argv), {
  mode: 'development',
  devtool: 'source-map',
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: 'packages/root-config/node_modules/single-spa/lib/es2015/esm/single-spa.dev.js',
          to: 'resources'
        }
      ]
    }),
    new CleanWebpackPlugin()
  ],
  devServer: {
    // disableHostCheck: true,
    allowedHosts: 'all',
    // contentBase: path.join(__dirname, 'dist/'),
    static: [
      {
        directory: path.join(__dirname, 'dist/')
      },
      {
        directory: path.join(__dirname, 'wb-plugins'),
        publicPath: '/plugins',
        watch: true
      }
    ],
    compress: true,
    hot: false,
    liveReload: true,
    port: portHere,
    host: host,
    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, x-graphdb-repository",
    },
    // needed to handle urls sent by open id providers that contain dots
    historyApiFallback: {
      disableDotRule: true
    },
    proxy: [{
      context: ['/rest', '/repositories', '/protocol', '/rdf-bridge'],
      target: 'http://' + host + ':' + portThere,
      onProxyRes: (proxyRes) => {
        var key = 'www-authenticate';
        if (proxyRes.headers[key]) {
          proxyRes.headers[key] = proxyRes.headers[key].split(', ');
        }
      }
    }]
  }
});