首先，导入dashboard和其对应的插件，并创建一个dashboard的实例：

const Dashboard = require('webpack-dashboard');
const DashboardPlugin = require('webpack-dashboard/plugin');
const dashboard = new Dashboard();

然后，在对应的plugins里面添加DashboardPlugin：

plugins: [
  new DashboardPlugin(dashboard.setData)
]

最后，你需要让dev server在静默的状态中启动（主要是为了去掉多余的日志），要实现这一点，你可以像官方的做法那样，在WebpackDevServer的构造函数里添加 quiet: true。

new WebpackDevServer(
  Webpack(settings),
  {
    publicPath: settings.output.publicPath,
    hot: true,
    quiet: true, // lets WebpackDashboard do its thing
    historyapiFallback: true,
  }
).listen

当然，你也可以在npm的script里面启动dev server时添加quiet选项（我在尝试的时候选择这种简单的方式）。

"scripts": {
  "start": "webpack-dev-server --quiet"
},

这样，你就可以运行诸如npm start这样的命令启动你的server。