From 5b4e241932fd18d6050ff10791d150793ed9fac6 Mon Sep 17 00:00:00 2001
From: Ohad Levy <ohadlevy@gmail.com>
Date: Mon, 30 Oct 2017 14:18:56 +0200
Subject: [PATCH] adds support to using webpack-dev-server

this allow the developer to:
- use websockets in development env without apache
- enjoy live reload in the browser when webpack code change

to use, execute:

NODE_ENV=development ./node_modules/.bin/webpack-dev-server --config config/webpack/development.js

you may use PORT or WS_PORT to override the default 3000 PORT.
---
 config/webpack/development.js | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/config/webpack/development.js b/config/webpack/development.js
index c5e298e8478..ed46b9e201b 100644
--- a/config/webpack/development.js
+++ b/config/webpack/development.js
@@ -3,6 +3,7 @@
 const merge = require('webpack-merge')
 const sharedConfig = require('./shared.js')
 const { settings, output } = require('./configuration.js')
+const { env } = require('process')
 
 module.exports = merge(sharedConfig, {
   devtool: 'cheap-eval-source-map',
@@ -27,6 +28,19 @@ module.exports = merge(sharedConfig, {
     historyApiFallback: true,
     watchOptions: {
       ignored: /node_modules/
+    },
+    proxy: {
+      '/': {
+        target: `http://${settings.dev_server.host}:${env.PORT || '3000'}`,
+        secure: false,
+      },
+      '/ws': {
+        target: `ws://${settings.dev_server.host}:${env.WS_PORT ||
+          env.PORT ||
+          '3000'}`,
+        secure: false,
+        ws: true,
+      },
     }
   }
 })