DefinitelyTyped/types/webpack-plugin-serve/webpack-plugin-serve-tests.ts

import { WebpackPluginServe } from 'webpack-plugin-serve';
import { Configuration } from 'webpack';

const usage = (config: Configuration) => {
  (config.entry as string[]).push('webpack-plugin-serve/client');

  config.watch = true;

  config.plugins!.push(
    new WebpackPluginServe({
      compress: true,
      historyFallback: true,
      host: '0.0.0.0',
      port: 3808,
      liveReload: true,
      middleware: (app: any, builtins: any) =>
        app.use(async (ctx: any, next: any) => {
          await next();
          ctx.set('Access-Control-Allow-Headers', '*');
          ctx.set('Access-Control-Allow-Methods', 'GET, POST, OPTIONS');
          ctx.set('Access-Control-Allow-Origin', '*');
        }),
      static: '/',

      status: true,
      progress: true,
    }),
  );

  config.output!.publicPath = '/';

  return config;
};

const baseConfig = {
    entry: 'index.js'
};

const configWithServer = usage(baseConfig);