const path = require("path");
const { merge } = require("webpack-merge");

const devConfig = require("./webpack.dev.config");

const devServerConfig = {
  entry: {
    bundle: "./example/index.tsx",
  },
  // Server Configuration options
  devServer: {
    port: 3001,
    host: "localhost",
    hot: true,
    compress: true,
    static: {
      directory: path.join(__dirname, "./example/public"),
    },
    client: {
      progress: true,
      logging: "info",
      overlay: true, //Shows a full-screen overlay in the browser when there are compiler errors or warnings.
    },
    open: ["./"],
  },
};

module.exports = merge(devServerConfig, devConfig);