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

时间:2017-11-05 02:05:36

标签: node.js angular angular-universal

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

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

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

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

3 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分:2)

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

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

答案 2 :(得分:0)

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