webpack-dev-server icon indicating copy to clipboard operation
webpack-dev-server copied to clipboard

feat: allow the `server` option to be `Function`

Open alexander-akait opened this issue 1 year ago • 0 comments

  • [ ] This is a bugfix
  • [x] This is a feature
  • [ ] This is a code refactor
  • [x] This is a test update
  • [x] This is a docs update
  • [x] This is a metadata update

For Bugs and Features; did you add new tests?

will be later

Motivation / Use-Case

https://github.com/webpack/webpack-dev-server/issues/5258 https://github.com/webpack/webpack-dev-server/issues/4741

Breaking Changes

No

Additional Info

No

/cc @ckken

Configuration:

module.exports = {
    name: "app",
    devtool: false,
    target: "web",
    entry: "./src/index.js",
    mode: "development",
    devServer: {
      setupMiddlewares: (_, devServer) => [
        {
          name: "webpack-dev-middleware",
          middleware: require("webpack-dev-middleware").honoWrapper(devServer.compiler),
        },
        {
          name: "static",
          middleware: require('@hono/node-server/serve-static')({ root: './public' }),
        },
      ],
      app: () => new (require("hono").Hono)(),
      server: (_, app) => require("@hono/node-server").serve(app),
    },
  }

There are still some things need to solve, but locally works fine

alexander-akait avatar Aug 20 '24 14:08 alexander-akait