Angular2：如何从“ng服务”托管到Node.Js托管
我使用ng servefor托管时制作了我的第一个Angular2应用程序。现在我要添加一些后端（因为我需要一些小的服务器逻辑）。
我发现this基本上解释了我如何在nodeJs上托管一个有角度的2应用程序。但ng serve做了很多事情，检查更改，捆绑不同的JS / CSS文件，将角度注入我的模板，获取我的依赖项。
我不能只是“生成”角网站然后，因为我要更新角度部分以从web api获取数据并使用它。
那么我应该怎么做才能从ng serve切换到nodeJS？
编辑：查看答案，我一定不够清楚。我的角度JS不是仅在客户端上的应用程序，我已经完成了它的一部分（导航，某种形式，......）但是现在我需要托管带有web服务和websocket的服务器来继续工作。这不是将其部署到高效的服务器上。它即将迁移到允许我在服务器和客户端工作的环境。
回答如下：我想我终于理解了你的问题：
- 您希望使用自己的Node.js驱动的服务器，而不是使用与angular-cli（
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。
这是否回答你的问题？
Angular2：如何从“ng服务”托管到Node.Js托管
我使用ng servefor托管时制作了我的第一个Angular2应用程序。现在我要添加一些后端（因为我需要一些小的服务器逻辑）。
我发现this基本上解释了我如何在nodeJs上托管一个有角度的2应用程序。但ng serve做了很多事情，检查更改，捆绑不同的JS / CSS文件，将角度注入我的模板，获取我的依赖项。
我不能只是“生成”角网站然后，因为我要更新角度部分以从web api获取数据并使用它。
那么我应该怎么做才能从ng serve切换到nodeJS？
编辑：查看答案，我一定不够清楚。我的角度JS不是仅在客户端上的应用程序，我已经完成了它的一部分（导航，某种形式，......）但是现在我需要托管带有web服务和websocket的服务器来继续工作。这不是将其部署到高效的服务器上。它即将迁移到允许我在服务器和客户端工作的环境。
回答如下：我想我终于理解了你的问题：
- 您希望使用自己的Node.js驱动的服务器，而不是使用与angular-cli（
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。
这是否回答你的问题？