我使用ng servefor托管时制作了我的第一个Angular2应用程序。现在我要添加一些后端（因为我需要一些小的服务器逻辑）。
我发现this基本上解释了我如何在nodeJs上托管一个有角度的2应用程序。但ng serve做了很多事情，检查更改，捆绑不同的JS / CSS文件，将角度注入我的模板，获取我的依赖项。
我不能只是“生成”角网站然后，因为我要更新角度部分以从web api获取数据并使用它。
那么我应该怎么做才能从ng serve切换到nodeJS？
编辑：查看答案，我一定不够清楚。我的角度JS不是仅在客户端上的应用程序，我已经完成了它的一部分（导航，某种形式，......）但是现在我需要托管带有web服务和websocket的服务器来继续工作。这不是将其部署到高效的服务器上。它即将迁移到允许我在服务器和客户端工作的环境。
我想我终于理解了你的问题：
ng serve）捆绑在一起的devserver。ng build）。您希望提供实时构建（必须由服务器自动生成）。这是你如何做到的：
1）观察，转移，捆绑......
Webpack非常适合。
使用Angular应用程序的正确设置创建webpack配置文件。这是angular2-webpack-starter的一个例子：webpack.dev.js。
这个例子有点冗长。请记住，配置文件是告诉webpack如何处理.ts文件，它应该生成什么包等的地方。
2）使用Node.js服务器提供webpack生成的bundle
我看到两个选项，取决于你想要多少控制：
2A。使用webpack-dev-server（不是很多控制）
webpack-dev-server --config config/webpack.dev.js --watch src/
您可以看到webpack-dev-server使用前面提到的配置文件。
再次，您可以看到在angular2-webpack-starter的package.json文件中运行的完整命令的示例。
2B。创建自己的服务器（很多控制）
您可以使用webpack-dev-middleware创建一个Node.js / Express服务器，您可以将步骤＃1中创建的配置文件提供给该服务器。
中间件是神奇的链接，可以让您通过Express服务器提供从webpack发出的文件。
Node.js / Express服务器的示例，它使用webpack-dev-middleware：srcServer.js。
这是否回答你的问题？
运行ng build --prod来构建您的应用程序。
构建应用程序后，您将在dist目录中找到最终的dist代码。
现在，在Node.js的server.js文件中使用此代码。
(function() {
const express = require("express");
const app = express();
app.use(express.static(__dirname + "/dist"));
app.listen(80);
console.log("port" + 80);
})();
我知道这是一个老问题，但我只是有同样的担忧，我发现ngserve代理选项很有用。在开发中，您可以在另一个端口上运行节点，然后调用/ api重定向到node.js.
https://github.com/angular/angular-cli/blob/master/docs/documentation/stories/proxy.md
package.json得到："start": "ng serve --proxy-config proxy.conf.json",
然后像这样{
"/api": {
"target": "http://localhost:3000",
"secure": false,
"pathRewrite": {
"^/api": ""
}
}
}制作一个proxy.conf.json文件
Angular app是一个HTML 5应用程序。所以你只需要在NoeJs中将它作为静态文件提供。
ng build --prod
此命令将创建名为dist的文件夹。文件夹内容是您的HTML应用。
只需使用指向index.html文件的NodeJs应用程序即可。
ng serve仅用于开发。它不是作为生产Web服务器。
ng build --prod --aot --no-sourcemap会将您的应用程序捆绑生产并将其放在dist/目录中。
如果要使用Node.js，可以将Express与静态文件中间件一起使用。您可能还需要一个RewriteRule中间件来支持服务器端HTML5 Pushstate。
实际上，您不需要NodeJS来为您构建的站点提供服务，因为它只是平面文件。具有重写规则的Nginx，Apache或IIS支持HTML5 Pushstate就足够了。
我不确定这是否仍然相关，但这可能有助于其他人快速入手：
nodemon server.js
ng build --watch
他们将继续并行工作，每个人都做自己的工作。这与ng serve不完全相同，例如这不会立即反映您在页面内的更改，您仍然必须按F5（在Angular之前您最常做的事情）。但这比成为网络包大师更快，更自由，更容易。您仍然可以在终端之间切换以检查是否有任何输出/错误。