如何设置 Angular 通用模块以抓取 Angular 11 应用程序?

How do I Setup the Angular Universal Module for crawling of Angular 11 app?

我正在设置一个新的 Angular 11 应用程序,我想使用 Angular 通用模块让我的应用程序可抓取。然而,当我在线搜索时,结果主要是指构建一个 Angular 通用应用程序,我们希望避免这种情况。

如何设置 Angular 通用模块,以便正确抓取我们的 SPA(除了安装它之外)?当我们开发新的页面/组件时,我们是否需要做一些额外的事情?

谢谢!

您可以将 angular 通用添加到现有应用。这里有一个简单的指南:

您需要 运行 npm run build:ssr 获取包含所有应用程序包的 dist 文件夹,并 运行 npm run serve:ssr 启动您的项目。

当然,您可以创建一个脚本来 运行 两个进程只执行一次。示例:

"build:ssr:prod": "first:command && second:command"

我建议您使用 Jenkins 之类的工具或类似工具来自动执行此任务。有许多方法可以自动部署您的应用程序。现在我使用 Jenkins 来构建和部署我的 angular 通用应用程序。