webpack config dev/production

Author: franxyzxyz

app.js

@@ -4,5 +4,5 @@ var express = require('express'),
 app.use(express.static('src/build'));
 
 app.listen(3000, function(){
-  console.log("server is running")
+  console.log("server is running at port " + 3000)
 });

package.json

@@ -7,7 +7,7 @@
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "webpack",
     "bundle": "webpack-dev-server",
-    "start": "node app.js"
+    "start": "webpack & node app.js"
   },
   "repository": {
     "type": "git",
@@ -41,6 +41,7 @@
     "npm-install-webpack-plugin": "^4.0.3",
     "react-hot-loader": "^1.3.0",
     "webpack": "^1.13.1",
-    "webpack-dev-server": "^1.14.1"
+    "webpack-dev-server": "^1.14.1",
+    "webpack-merge": "^0.14.0"
   }
 }

src/app/styles/index.scss

@@ -28,6 +28,7 @@ h1 {
   }
 
   .pageContent {
+    min-height: 600px;
     width: 70vw;
     position: relative;
     /*background: rgba(0,0,0,0.1);*/
@@ -37,6 +38,7 @@ h1 {
     }
     div.deco{
       width: 100%;
+      height: 100%;
       background: rgba(255,255,255,0.3);
       > div {
         padding: 10px;