Angular预渲染无需SSR是否可行？相关配置优化问题

1. 仅部署browser文件夹满足爬虫SEO需求是否可行？ #

完全可行。预渲染的本质就是在构建阶段为目标路由生成静态HTML，这些文件全部存放在browser目录里。部署后，Nginx直接返回静态HTML给爬虫，能让爬虫抓取到完整页面内容；普通用户访问时，页面会自动切换为SPA模式运行，和常规Angular SPA体验一致。不需要启动Node.js服务端，因为所有需要的静态内容已经提前生成完毕。

2. 能不能修改配置跳过server部分的构建？ #

可以。默认prerender命令会同时构建浏览器端和服务端代码，因为预渲染过程依赖服务端代码生成静态HTML。但如果已经完成预渲染且路由无变动，或者想调整构建流程：

• 打开angular.json，找到项目的architect配置，删除或注释server相关的构建任务，以及prerender中对服务端的依赖；
• 或者自定义npm脚本，只执行生成静态HTML的步骤。注意：首次预渲染必须依赖服务端代码生成静态文件，后续路由没变化的话，可直接复用已生成的browser内容，无需再构建服务端。

3. 为什么SPA加载后HTML里还有server相关引用？ #

这是因为Angular预渲染是基于SSR架构实现的，默认构建配置会残留一些SSR相关的代码引用（比如main.server.ts的入口引用）。这些引用在SPA运行时不会实际执行，属于冗余代码。可以通过以下方式清除：

• 确保生产环境构建开启optimization: true（默认已开启），Angular构建工具会自动移除未使用的代码；
• 检查src/main.ts，确保浏览器端入口没有引入服务端相关模块；
• 也可自定义webpack配置，手动剔除服务端相关代码块。

内容的提问来源于stack exchange，提问作者TCB13