force-orange-2022/src/server/devServer.ts

import { Express } from "express"
import chalk from "chalk"

export default (app: Express): void => {
    const webpack = require("webpack")
    const webpackConfig = require("../../webpack/client.config").default
    const compiler = webpack(webpackConfig)
    const instance = require("webpack-dev-middleware")(compiler, {
        headers: { "Access-Control-Allow-Origin": "*" },
        serverSideRender: true,
    })

    app.use(instance)
    app.use(
        require("webpack-hot-middleware")(compiler, {
            log: false,
            path: "/__webpack_hmr",
            heartbeat: 10 * 1000,
        })
    )

    instance.waitUntilValid(() => {
        console.info(chalk.green("webpack-dev-middleware activated"))
    })
}