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

Question

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

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

将Angular 4 Web应用程序转换为Angular Universal应用程序我跟着这个并且它给了我错误，我想由于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和out of server.js ， node_src/config/database ）和npm uninstall mongoose node_src/config/database ，并能够集成您的项目。