fixed webpack dev server issue

Author: glook

package.json

@@ -1,6 +1,6 @@
 {
     "name": "webpack-typescript-react",
-    "version": "0.0.5",
+    "version": "0.0.6",
     "description": "",
     "license": "ISC",
     "author": "",

webpack/constants/devproxy.js

@@ -10,13 +10,15 @@ export const pathRewrite = (localUrl, remoteUrl) => (path) =>
 
 export const httpProxyTarget = {
     port: 80,
-    protocol: 'http:',
+    protocol: 'http',
 };
 export const httpsProxyTarget = {
     port: 443,
-    protocol: 'https:',
+    protocol: 'https',
 };
 
+export const devServerHost = isWindows() ? '127.0.0.1' : '0.0.0.0';
+
 export const devServerUrl = isWindows()
-    ? `http://127.0.0.1:${defaultPort}/`
-    : `http://0.0.0.0:${defaultPort}/`;
+    ? `http://${devServerHost}:${defaultPort}/`
+    : `http://${devServerHost}:${defaultPort}/`;

webpack/dev.js

@@ -1,17 +1,16 @@
-import path from 'path';
-
-import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';
 /**
  * Created by: Andrey Polyakov ([email protected])
  */
+import path from 'path';
+
+import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
 
-import {defaultPort as port} from './constants/devproxy';
+import {devServerHost, defaultPort as port} from './constants/devproxy';
 import devProxyConfig from './resources/devProxy';
 
 export default {
     devtool: '#cheap-module-source-map',
-    stats: false,
     plugins: [
         new HtmlWebpackPlugin({
             filename: 'index.html',
@@ -28,5 +27,6 @@ export default {
         proxy: devProxyConfig,
         hot: true,
         overlay: false,
+        host: devServerHost,
     },
 };

webpack/resources/devProxy.js

@@ -4,22 +4,16 @@
 import {httpsProxyTarget, pathRewrite} from '../constants/devproxy';
 
 export default {
-    // '/world-time': {
-    //     target: {
-    //         host: 'worldtimeapi.org',
-    //         ...httpsProxyTarget
-    //     },
-    //     pathRewrite: pathRewrite('^/world-time/test', '/api'),
-    //     changeOrigin: true,
-    //     secure: false,
-    // },
-    // '/someurl/test': {
-    //     target: {
-    //         host: 'reqres.in',
-    //         ...httpsProxyTarget
-    //     },
-    //     pathRewrite: pathRewrite('^/someurl/test', '/api'),
-    //     changeOrigin: true,
-    //     secure: false,
-    // }
+    '/world-time': {
+        target: `${httpsProxyTarget.protocol}://worldtimeapi.org:${httpsProxyTarget.port}`,
+        pathRewrite: pathRewrite('^/world-time/test', '/api'),
+        changeOrigin: true,
+        secure: false,
+    },
+    '/someurl/test': {
+        target: `${httpsProxyTarget.protocol}://reqres.in:${httpsProxyTarget.port}`,
+        pathRewrite: pathRewrite('^/someurl/test', '/api'),
+        changeOrigin: true,
+        secure: false,
+    },
 };