将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.js
, node_src/config/database
)和npm uninstall mongoose
node_src/config/database
,并且能够将您的项目集成到其中。