Add settings for webpack-serve

* Cope with errors about websocket connection using Docker container
* see also: webpack-contrib/webpack-serve#56 (comment)

Author: cheezenaan

README.md

@@ -1,10 +1,10 @@
 # Frontend boilerplate
 
 * Node.js(w/ yarn)
-* Alpine
+* webpack
 
 ## Usage
 
 ```bash
-docker-compose run --rm node yarn init
+docker-compose up
 ```

config/serve.config.js

@@ -0,0 +1,16 @@
+const path = require('path');
+const config = require('./webpack.config');
+
+module.exports = {
+  ...config,
+  mode: 'development',
+  serve: {
+    host: '0.0.0.0',
+    hot: {
+      host: {
+        server: '0.0.0.0',
+        client: process.env.LOCAL_IP
+      }
+    }
+  }
+};

docker-compose.yml

@@ -6,8 +6,11 @@ services:
     build:
       context: .
       dockerfile: ./docker/Dockerfile.dev
-    command: yarn watch
+    command: yarn start
+    environment:
+      LOCAL_IP: ${LOCAL_IP:-0.0.0.0}
     volumes:
       - ./:/app:${CONSISTENCY:-cached}
     ports:
-      - 3000:3000
+      - 8080:8080
+      - 8081:8081

package.json

@@ -11,6 +11,8 @@
     "webpack-serve": "^1.0.2"
   },
   "scripts": {
-    "watch": "webpack --config config/webpack.config.js --watch"
+    "start": "webpack-serve --config config/serve.config.js",
+    "build": "webpack --config config/serve.config.js",
+    "watch": "webpack --config config/serve.config.js --watch"
   }
 }