feat: add core/config for overriding PORT

Author: iam4x

core/config.js

@@ -0,0 +1,21 @@
+const { PORT, NODE_ENV } = process.env
+
+const APP_CONFIG = {
+  shared: {
+
+  },
+
+  development: {
+    PORT: parseInt(PORT, 10) || 3000
+  },
+
+  production: {
+    PORT: parseInt(PORT, 10) || 3010
+  }
+}
+
+// default to development config
+export default {
+  ...APP_CONFIG.shared,
+  ...(APP_CONFIG[NODE_ENV] || APP_CONFIG.development)
+}

run/utils/start-webpack-server.js

@@ -4,14 +4,16 @@ import Koa from 'koa'
 import convert from 'koa-convert'
 import webpack from 'webpack'
 
+import { PORT } from '../../core/config'
+
 export default () => {
   const webpackServer = new Koa()
   const compiler = webpack(require('../../webpack.config.babel'))
 
   const config = {
-    port: 3001,
+    port: PORT + 1,
     options: {
-      publicPath: 'http://localhost:3001/assets/',
+      publicPath: `http://localhost:${PORT + 1}/assets/`,
       hot: true,
       stats: {
         assets: true,

server/koa.js

@@ -8,6 +8,7 @@ import staticCache from 'koa-static-cache'
 
 import createStore from 'app/store'
 import render from 'core/universal-render'
+import { PORT } from 'core/config'
 
 const { NODE_ENV } = process.env
 
@@ -16,7 +17,7 @@ const app = new Koa()
 // Proxy asset folder to webpack development server in development mode
 if (NODE_ENV === 'development') {
   const proxy = require('koa-proxy')({
-    host: 'http://0.0.0.0:3001',
+    host: `http://0.0.0.0:${PORT + 1}`,
     map: (filePath) => `assets/${filePath}`
   })
   app.use(convert(mount('/assets', proxy)))
@@ -52,8 +53,8 @@ app.use(async (ctx) => {
   }
 })
 
-app.listen(3000)
+app.listen(PORT)
 
 // Tell parent process koa-server is started
 if (process.send) process.send('online')
-debug('koa')('Application started on port 3000')
+debug('koa')('`koa-render-server` started on port %s', PORT)

webpack.config.babel.js

@@ -4,6 +4,7 @@ import webpack from 'webpack'
 import BrowserSyncPlugin from 'browser-sync-webpack-plugin'
 
 import writeStats from './run/utils/write-stats'
+import { PORT } from './core/config'
 
 import {
   JS_REGEX,
@@ -22,7 +23,7 @@ export default {
     app: [
       'babel-polyfill',
       'react-hot-loader/patch',
-      'webpack-hot-middleware/client?path=http://localhost:3001/__webpack_hmr',
+      `webpack-hot-middleware/client?path=http://localhost:${PORT + 1}/__webpack_hmr`,
       resolve('./app')
     ]
   },
@@ -49,8 +50,8 @@ export default {
   plugins: [
     new BrowserSyncPlugin({
       host: 'localhost',
-      port: 3002,
-      proxy: '0.0.0.0:3000'
+      port: PORT + 2,
+      proxy: `0.0.0.0:${PORT}`
     }, { reload: false }),
 
     new webpack.HotModuleReplacementPlugin(),