将 Angular 2/3/4/5/6 项目转换为 Angular 通用
Convert Angular 2/3/4/5/6 project to Angular Universal
我刚刚更新了我的项目以使用 Angular 5,我在我的主机上安装了 NodeJS,所以我想创建一个 Angular 通用应用程序,我想转换我当前的 Angular 5 项目变成了我可以在主机上设置的工作 Angular 通用项目。
到目前为止我在这方面唯一找到的是这个;
Convert Angular 4 web app to Angular Universal app
我跟着这个,它给了我错误,我想由于 Angular 的快速变化的性质,答案很可能已经过时了,所以我想知道转换它的最佳方法。
我应该只使用入门种子并完成添加所有代码的繁琐工作吗?
对我个人来说,最好的方法是将我所有的组件、服务、模块添加到 universal-starter 项目中,确保我删除 hammerjs 或正确导入它(对于 Material 2)。我将我的大部分组件转换为具有 .module 以便我可以使用它们的延迟加载(不要忘记在我的路由文件和静态延迟加载路径中正确添加这些路径)
只花了几个小时,其中很多只是错误 testing/fixing 所以总的来说非常简单。
几周前我遇到了同样的问题。有一个关于如何将 Universal 实现到 Angular CLI 项目的 Wiki:https://github.com/angular/angular-cli/wiki/stories-universal-rendering
也许这对你有帮助。
我发现采用当前 Angular Universal Starter Kit 并将我的所有模块导入到全新安装中是最简单的。由于新的启动器适用于 Angular 5 CLI,我希望它是未来的证明。我们会看到……
我用 Angular Universal for Angular 5 为 MEAN 应用程序编写了一个入门工具包,您可以在 GitHub 此处克隆我的存储库:https://github.com/Stanza987/mean-starter-kit。它提供了您入门所需的所有说明。对于您的特定应用程序,您可以只删除 MongoDB 部分(Mongoose 和 server.js
、node_src/config/database
之外的部分)和 npm uninstall mongoose
并能够将您的项目集成到其中。
我刚刚更新了我的项目以使用 Angular 5,我在我的主机上安装了 NodeJS,所以我想创建一个 Angular 通用应用程序,我想转换我当前的 Angular 5 项目变成了我可以在主机上设置的工作 Angular 通用项目。
到目前为止我在这方面唯一找到的是这个;
Convert Angular 4 web app to Angular Universal app 我跟着这个,它给了我错误,我想由于 Angular 的快速变化的性质,答案很可能已经过时了,所以我想知道转换它的最佳方法。
我应该只使用入门种子并完成添加所有代码的繁琐工作吗?
对我个人来说,最好的方法是将我所有的组件、服务、模块添加到 universal-starter 项目中,确保我删除 hammerjs 或正确导入它(对于 Material 2)。我将我的大部分组件转换为具有 .module 以便我可以使用它们的延迟加载(不要忘记在我的路由文件和静态延迟加载路径中正确添加这些路径)
只花了几个小时,其中很多只是错误 testing/fixing 所以总的来说非常简单。
几周前我遇到了同样的问题。有一个关于如何将 Universal 实现到 Angular CLI 项目的 Wiki:https://github.com/angular/angular-cli/wiki/stories-universal-rendering 也许这对你有帮助。
我发现采用当前 Angular Universal Starter Kit 并将我的所有模块导入到全新安装中是最简单的。由于新的启动器适用于 Angular 5 CLI,我希望它是未来的证明。我们会看到……
我用 Angular Universal for Angular 5 为 MEAN 应用程序编写了一个入门工具包,您可以在 GitHub 此处克隆我的存储库:https://github.com/Stanza987/mean-starter-kit。它提供了您入门所需的所有说明。对于您的特定应用程序,您可以只删除 MongoDB 部分(Mongoose 和 server.js
、node_src/config/database
之外的部分)和 npm uninstall mongoose
并能够将您的项目集成到其中。