webpack.dev.js

// SPDX-FileCopyrightText: 2021 Serokell <https://serokell.io>
//
// SPDX-License-Identifier: AGPL-3.0-or-later

// eslint-disable-next-line @typescript-eslint/no-var-requires
const { merge } = require("webpack-merge");
// eslint-disable-next-line @typescript-eslint/no-var-requires
const common = require("./webpack.common.js");

module.exports = merge(common, {
  mode: "development",
  // devtool from here https://github.com/TypeStrong/ts-loader
  devtool: "inline-source-map",
  devServer: {
    contentBase: "./dist",
    host: "0.0.0.0",
    port: 9090,

    hot: true,
    // To fallback on index.html when page not found (needed for client side routing).
    historyApiFallback: true,

    // Redirect api requests to the backend
    proxy: {
      '/api': {
        target: 'http://localhost:9000',
        pathRewrite: { '^/api': '' },
      },
    },

    // Uncomment in case of some troubles to inspect whether dev server generates bundles
    // writeToDisk: true,
  }
});