将现有的nodejs服务器应用程序与现有的angular2 / 5客户端应用程序合并

Question

我已经分别在端口4200和3000上构建了一个angular5客户端应用程序和一个nodejs（使用express）服务器应用程序。现在我想将它们合并在一个应用程序中作为可交付成果。

只是将angular文件夹复制到nodejs有效吗？ 不确定如何去做。

Answer 1

从代码组织的角度来看。 对于开发，请将每个应用程序保存在自己的文件夹中，例如

nodejs
angular-app

在制作中，

nodejs
  public
    angular-dist-folder

部署脚本可以为您处理这个问题，您应该避免手动复制粘贴内容，保持代码组织非常重要，这对于任何项目的成功和健康至关重要。

编辑： 我想补充一点，现代JS项目使用了某种文件系统观察者Ex fs.watch。将应用程序保存在单独的目录中，可防止在开发过程中不必要地重新运行进程。

Answer 2

在您的角度文件夹中，运行ng build --watch。这将构建您的项目并创建一个dist文件夹。此外，它还会监视任何代码更改和重建 您可以在节点项目的dist文件夹中复制此public文件夹，并在server.js文件中进行一些更改以进行集成。

您可以使用nodemon server.js查找节点项目中的更改。

以下是我在server.js中所做的更改，以使其正常工作。

app.use(express.static(path.join(__dirname, 'public/dist')));
app.get('*', (req, res) => {
    res.sendFile(path.join(__dirname, 'public/dist/index.html'));
});