ReactアプリにおけるExpressJSを使ったWebpackの設定

Question

静的なサイトを作っていたのですが、動的なアプリにするためにバックエンドが必要になったため、ExpressJSを導入しました。それに応じてルーティングやwebpackの設定の変更をしています。開発環境についてはミドルウェアを使いどうにか設定する事ができました。ただ本番環境用の方をどうすればよいかわからず、困っています。

開発環境と同じように何かミドルウェアを使って設定するのでしょうか？質問が曖昧で恐縮ですが、教えてもらえると助かります。
m(_ _)m

以下はサーバーのフォルダに入っている２つのファイルです。

server.js

const express = require("express");
const bodyParser = require("body-parser");
const morgan = require("morgan");
const webpack = require("webpack");
const Router = require("./router");
const app = express();

// App Setup
app.use(morgan("combined"));
app.use(bodyParser.json({ type: "*/*" }));
Router(app);

// Webpack Setup
if (process.env.NODE_ENV === "development") {
  const devConfig = require("../webpack.config.dev.js");
  const devCompiler = webpack(devConfig);

  app.use(
    require("webpack-dev-middleware")(devCompiler, {
      noInfo: true,
      publicPath: devConfig.output.publicPath
    })
  );

  app.use(require("webpack-hot-middleware")(devCompiler));
} else if (process.env.NODE_ENV === "production") {
  const prodConfig = require("../webpack.config.prod.js");
  const prodCompiler = webpack(prodConfig);

  app.use(
  );

}

// Server Setup
const port = process.env.PORT || 3000;
app.listen(port, "0.0.0.0", () => console.info(`App listening on ${port}`));

router.js

const yields = require("express-yields");
const fs = require("fs-extra");

module.exports = function(app) {
  app.get("/", function*(req, res, next){
    let index = yield fs.readFile("./index.html", "utf-8");
    res.send(index);
  });
}

Answer 1

サーバーにnodeはインストールされている必要がありますが、
シンプルな構成で良いのであれば、foreverを使ってサービスとして実行すれば良いと思います。

以下サーバーでの操作

$ yarn global add forever
$ forever start server.js