将Angular 2/3/4/5/6项目转换为Angular Universal

Question

我刚刚更新了我的项目以使用Angular 5，我在我的主机上安装了NodeJS，所以我想创建一个Angular Universal Application，我想将我当前的Angular 5项目转换为一个正在运行的Angular Universal我可以在托管上设置的项目。

到目前为止我唯一能找到的就是这个;

Convert Angular 4 web app to Angular Universal app 我跟着这个并且它给了我错误，我想由于Angular快速变化的性质，答案很可能已经过时了，所以我想知道转换它的最佳方法。

我应该只使用入门种子并完成添加所有代码的繁琐工作吗？

Answer 1

为我个人做这件事的最好方法是将我的所有组件，服务，模块添加到通用启动器项目中，确保我删除hammerjs或正确导入它（对于材料2）。我将大部分组件转换为.module，因此我可以使用它们的延迟加载（不要忘记在我的路由文件和静态延迟加载路径中正确添加这些路径）

它只花了几个小时，而且很多只是错误测试/修复所以它总是很容易。

Answer 2

几周前，我遇到了同样的问题。关于如何将Universal实施到Angular CLI项目中有一个Wiki：https://github.com/angular/angular-cli/wiki/stories-universal-rendering 也许这会帮助你。

我发现最简单的方法是获取当前Angular Universal Starter Kit并将所有模块导入全新安装。作为Angular 5 CLI的新入门者，我希望它是未来的证明。我们会看到......

Answer 3

我使用Angular Universal为Angular 5编写了一个用于MEAN应用程序的入门工具包，您可以在GitHub克隆我的存储库：https://github.com/Stanza987/mean-starter-kit。它提供了入门所需的所有说明。对于您的特定应用，您只需删除MongoDB部分（Mongoose和server.js，node_src/config/database）和npm uninstall mongoose，并能够将您的项目集成到其中。