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

我刚刚更新了我的项目以与Angular 5一起工作,并且我的主机上有一个NodeJS设置,所以我想创建一个Angular Universal Application,我想将我当前的Angular 5项目转换为一个有效的Angular Universal项目,可以在我的主机上设置。

我迄今为止唯一发现的就是这个;

将Angular 4网页应用转换为Angular Universal应用我遵循这一点,它给了我错误,我想由于Angular的快速变化性质,答案很可能已过时,所以我想知道将其转换的最佳方式。

我是否应该使用初始种子并完成添加所有代码的繁琐工作?


几个星期前我有同样的问题。 有关于如何将Universal实现到Angular CLI项目的Wiki:https://github.com/angular/angular-cli/wiki/stories-universal-rendering也许这可以帮助你。

我发现使用目前的Angular Universal Starter Kit最简单,并将我的所有模块导入到全新的安装中。 作为Angular 5 CLI的新手,我希望这是未来的证明。 我们会看到…


为我个人做到这一点的最佳方式是将所有组件,服务和模块添加到通用启动器项目中,确保删除hammerjs或正确导入它(对于材料2)。 我将大多数组件转换为.module,以便我可以使用它们的延迟加载(不要忘记在我的路由文件和静态延迟加载路径中正确添加这些路径)

它只花了几个小时,其中很多只是bug测试/修复,所以总的来说非常简单。


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

链接地址: http://www.djcxy.com/p/31391.html

上一篇: Convert Angular 2/3/4/5/6 project to Angular Universal

下一篇: How to make an angular 2 app crawlable