如何将应用程序部署到具有2个节点服务器和2个反应前端的Heroku？

首先，我创建了一个带有React前端（带有webpack）的节点应用程序。 在一个子文件夹中，我创建了一个节点并响应聊天应用程序，该应用程序使用socket-io进行实时协作。 此聊天应用程序还具有自己的package.json和webpack.config.js文件。

文件结构如下：

root
- package.json
- webpack.config.js
- server
- client
- database
- chat_folder
-- package.json
-- webpack.config.js
-- client
-- server

我决定采用这种体系结构，以使聊天服务器与应用程序的其余部分分开，但保留对共享数据库的访问权限。

将这样的架构化应用程序部署到Heroku的最佳方法是什么？

我最初的想法是将聊天应用程序的package.json文件“移动”或合并到根文件夹的package.json中？ 以某种方式添加到package.json的启动脚本中以启动聊天服务器。 我不确定如何从脚本启动2台服务器。 我也不确定如何更改2 webpack.config文件，或者是否有必要。 还是我需要部署2个单独的应用程序？ 还是2个独立的测功机？

主文件夹中package.json文件中的启动脚本：

"start": "node server/index.js"

主文件夹中package.json文件中的启动脚本：

"start": "node server/index.js",

两个文件夹中的webpack.config.js文件看起来都相同：

var path = require('path');
var SRC_DIR = path.join(__dirname, '/client/src');
var DIST_DIR = path.join(__dirname, '/client/dist');

module.exports = {
  entry: `${SRC_DIR}/index.jsx`,
  output: {
    filename: 'bundle.js',
    path: DIST_DIR
  },
  module : {
    loaders : [
      {
        test : /\.jsx?/,
        include : SRC_DIR,
        loader : 'babel-loader',
        query: {
          presets: ['react', 'es2015', 'env']
       }
      }
    ]
  }
};