How to use the webpack-dashboard function in webpack-dashboard

const setupCompiler = ({ host, port, protocol, config }) => {
  compiler = webpack(config)
  const dashboard = new Dashboard()
  compiler.apply(new DashboardPlugin(dashboard.setData))
}

const setupCompiler = (config, env) => {
  compiler = webpack(config)
  const dashboard = new Dashboard()
  compiler.apply(new DashboardPlugin(dashboard.setData))
}

import webpackDevMiddleware from 'webpack-dev-middleware'
import webpackHotMiddleware from 'webpack-hot-middleware'
import Dashboard from 'webpack-dashboard'
import DashboardPlugin from 'webpack-dashboard/plugin'
import { exec } from 'child_process'

import config from './webpack.config.development'

const argv = require('minimist')(process.argv.slice(2))

const PORT = 3009
const app = express()
const compiler = webpack(config)

if (argv.dashboard) {
  const dashboard = new Dashboard()
  compiler.apply(new DashboardPlugin(dashboard.setData))
}

const webpackDevMiddlwareConfig = {
  quiet: argv.dashboard,
  publicPath: config.output.publicPath,
  stats: {
    colors: true
  }
}

const wdm = webpackDevMiddleware(compiler, webpackDevMiddlwareConfig)

app.use(wdm)

const webpackHotMiddlewareConfig = argv.dashboard ? { log: () => {} } : {}

import webpack from 'webpack';
import baseConfig from './base';
import Dashboard from 'webpack-dashboard';
import DashboardPlugin from 'webpack-dashboard/plugin';

const dashboard = new Dashboard();

const config = {
    ... baseConfig,

    entry: [
        'react-hot-loader/patch',
        'webpack-dev-server/client?http://localhost:8000/#/',
        ...baseConfig.entry
    ],

    devtool: '#inline-source-map',

    plugins: [
        ...baseConfig.plugins,
        new webpack.HotModuleReplacementPlugin(),
        new DashboardPlugin(dashboard.setData),