From d099c17f68d694c421952602f1fc6dc30eb1f056 Mon Sep 17 00:00:00 2001
From: Josh Johnson <josh@jshjohnson.com>
Date: Wed, 17 Aug 2016 13:27:37 +0100
Subject: [PATCH] Webpack dashboard

---
 package.json          | 1 +
 server.js             | 1 +
 webpack.config.dev.js | 6 +++++-
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 8c04afb..9500fcd 100644
--- a/package.json
+++ b/package.json
@@ -53,6 +53,7 @@
     "opn-cli": "^3.1.0",
     "postcss-cli": "^2.5.1",
     "webpack": "^1.12.14",
+    "webpack-dashboard": "0.0.1",
     "webpack-dev-server": "^1.14.1",
     "whatwg-fetch": "^1.0.0",
     "wrapper-webpack-plugin": "^0.1.7"
diff --git a/server.js b/server.js
index 58e0828..c628865 100644
--- a/server.js
+++ b/server.js
@@ -6,6 +6,7 @@ var opn = require('opn');
 new WebpackDevServer(webpack(config), {
     publicPath: config.output.publicPath,
     historyApiFallback: true,
+    quiet: true, // lets WebpackDashboard do its thing
 }).listen(3000, 'localhost', function (err, result) {
     if (err) console.log(err);
     opn('http://localhost:3000');
diff --git a/webpack.config.dev.js b/webpack.config.dev.js
index 3bf3440..fad6b22 100644
--- a/webpack.config.dev.js
+++ b/webpack.config.dev.js
@@ -1,5 +1,8 @@
 var path = require('path');
 var webpack = require('webpack');
+var Dashboard = require('webpack-dashboard');
+var DashboardPlugin = require('webpack-dashboard/plugin');
+var dashboard = new Dashboard();
 
 module.exports = {
     devtool: 'eval',
@@ -10,12 +13,13 @@ module.exports = {
     output: {
         path: path.join(__dirname, 'dist'),
         filename: 'choices.min.js',
-        publicPath: '/assets/scripts/dist/'
+        publicPath: '/assets/scripts/dist/',
     },
     eslint: {
         configFile: '.eslintrc'
     },
     plugins: [
+        new DashboardPlugin(dashboard.setData),
         new webpack.HotModuleReplacementPlugin(),
         new webpack.DefinePlugin({
             'process.env': {