webpack dashboard

package.json

@@ -4,7 +4,8 @@
   "main": "index.js",
   "main": "index.js",
   "license": "MIT",
   "license": "MIT",
   "scripts": {
   "scripts": {
-    "start": "webpack-dev-server"
+    "start": "webpack-dev-server",
+    "dashboard": "webpack-dev-server --quiet"
   },
   },
   "dependencies": {
   "dependencies": {
     "autobind-decorator": "^1.4.1",
     "autobind-decorator": "^1.4.1",
@@ -39,6 +40,7 @@
     "node-sass": "^4.5.3",
     "node-sass": "^4.5.3",
     "open-browser-webpack-plugin": "^0.0.5",
     "open-browser-webpack-plugin": "^0.0.5",
     "sass-loader": "^6.0.5",
     "sass-loader": "^6.0.5",
-    "style-loader": "^0.17.0"
+    "style-loader": "^0.17.0",
+    "webpack-dashboard": "^0.4.0"
   }
   }
 }
 }

webpack.config.js

@@ -4,6 +4,10 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
 
 
 const ExtractTextPlugin = require("extract-text-webpack-plugin");
 const ExtractTextPlugin = require("extract-text-webpack-plugin");
 
 
+const Dashboard = require('webpack-dashboard');
+const DashboardPlugin = require('webpack-dashboard/plugin');
+const dashboard = new Dashboard();
+
 const HtmlWebpackPluginConfig = new HtmlWebpackPlugin({
 const HtmlWebpackPluginConfig = new HtmlWebpackPlugin({
   template: './src/index.html',
   template: './src/index.html',
   filename: 'index.html',
   filename: 'index.html',
@@ -50,6 +54,7 @@ module.exports = {
   plugins: [
   plugins: [
     HtmlWebpackPluginConfig,
     HtmlWebpackPluginConfig,
     new ExtractTextPlugin("styles.css"),
     new ExtractTextPlugin("styles.css"),
-    new OpenBrowserPlugin({ url: 'http://localhost:3000' })
+    new OpenBrowserPlugin({ url: 'http://localhost:3000' }),
+    new DashboardPlugin(dashboard.setData)
   ]
   ]
 }
 }