Fix hotreloading inside a container

Author: duncanfinney

.env.backend

@@ -1,3 +1,2 @@
 DATABASE_URL=postgres://db:5432
 PORT=8000
-HALO_API_KEY=12345

frontend/package.json

@@ -11,7 +11,7 @@
     "remove-demo": "babel-node tools/removeDemo.js",
     "start-message": "babel-node tools/startMessage.js",
     "prestart": "npm-run-all --parallel start-message remove-dist",
-    "start": "npm-run-all --parallel test:watch open:src lint:watch",
+    "start": "npm-run-all --parallel test:watch open:src",
     "open:src": "babel-node tools/srcServer.js",
     "open:dist": "babel-node tools/distServer.js",
     "lint": "esw webpack.config.* src tools --color",

frontend/tools/srcServer.js

@@ -42,12 +42,21 @@ browserSync({
           chunkModules: false
         },
 
+        watchOptions: {
+          aggregateTimeout: 300,
+          poll: true
+        },
         // for other settings see
         // http://webpack.github.io/docs/webpack-dev-middleware.html
       }),
 
       // bundler should be the same as above
-      webpackHotMiddleware(bundler)
+      webpackHotMiddleware(bundler, {
+        watchOptions: {
+          aggregateTimeout: 300,
+          poll: true
+        },
+      })
     ]
   },
 

frontend/webpack.config.dev.js

@@ -45,5 +45,9 @@ export default {
       {test: /(\.css|\.scss)$/, loaders: ['style', 'css?sourceMap', 'postcss', 'sass?sourceMap']}
     ]
   },
-  postcss: ()=> [autoprefixer]
+  postcss: ()=> [autoprefixer],
+  watchOptions: {
+    poll: true,
+    aggregateTimeout: 1000
+  }
 };