Better terminal UX

desktop/webpack/components/App.js

@@ -4,7 +4,7 @@ export default class App extends Component {
   render () {
     return (
       <div>
-        hi
+        hey
       </div>
     )
   }

lib/webpack-dev-server.js

@@ -11,12 +11,11 @@ app.use(require('webpack-hot-middleware')(compiler, {
 }))
 app.use(require('webpack-dev-middleware')(compiler, {
   quiet: true,
-  // noInfo: true,
   publicPath: config.output.publicPath,
   serverSideRender: true,
-  // stats: {
-  //   colors: true
-  // }
+  stats: {
+    colors: true
+  }
 }))
 
 app.get('/webpack', (req, res, next) => {

package.json

@@ -12,6 +12,7 @@
     "acceptance-record": "sh scripts/acceptance_record.sh",
     "assets": "sh scripts/assets.sh",
     "deploy": "sh scripts/deploy.sh",
+    "dev": "sh scripts/dev.sh",
     "mocha": "sh scripts/mocha.sh",
     "start": "sh scripts/start.sh",
     "test": "sh scripts/test.sh"

scripts/dev.sh

@@ -0,0 +1,5 @@
+# !/usr/bin/bash
+
+set -e -x
+
+node -r dotenv/config --max_old_space_size=1024 .

scripts/start.sh

@@ -2,4 +2,4 @@
 
 set -e -x
 
-forever -c 'node -r dotenv/config --max_old_space_size=1024' .
+forever -c 'node -r dotenv/config --max_old_space_size=1024' . --colors

webpack.config.js

@@ -4,7 +4,10 @@ const WebpackNotifierPlugin = require('webpack-notifier')
 const path = require('path')
 const webpack = require('webpack')
 
-const { NODE_ENV } = process.env
+const {
+  NODE_ENV,
+  PORT
+} = process.env
 
 const config = {
   devtool: 'eval',
@@ -29,7 +32,11 @@ const config = {
     ]
   },
   plugins: [
-    new FriendlyErrorsWebpackPlugin(),
+    new FriendlyErrorsWebpackPlugin({
+      compilationSuccessInfo: {
+        messages: [`[Force] Listening on http://localhost:${PORT} \n`]
+      }
+    }),
     new ProgressBarPlugin(),
     new WebpackNotifierPlugin(),
     new webpack.DefinePlugin({