如何将AngularJS应用集成到SharePoint Online现代站点？

1. 是否需要完全重写为React等框架？ #

不需要强制重写。如果你的AngularJS应用功能稳定、维护成本可控，优先考虑复用现有代码，避免不必要的重写投入。只有当你需要利用现代框架的新特性（如更优性能、组件复用能力、SPFx深度集成支持），或者原应用存在严重技术债务时，才建议逐步重构或重写。

2. 能否在SPFx中继续使用AngularJS？ #

可以实现，具体方式如下：

• 创建SPFx Web Part项目，将AngularJS应用的核心代码（JS、CSS、模板文件）整合到Web Part的assets目录中。
• 在Web Part的主逻辑文件中，通过动态加载AngularJS库及应用代码，初始化AngularJS应用实例。
• 注意适配SPFx的生命周期钩子，确保AngularJS应用在Web Part挂载时完成初始化，卸载时清理资源，避免内存泄漏。
• 该方案的优势是能将AngularJS应用封装为标准SPFx组件，无缝集成到现代站点页面，同时利用SPFx的权限管理、标准化部署流程等能力。

3. 能否直接将文件迁移至文档库，再将HTML结构导入现代站点编辑器？ #

这种方式存在较多限制，不推荐作为生产环境方案：

• 文档库直接部署：将所有应用文件（HTML、JS、PDF）上传到SharePoint文档库后，通过文件URL访问HTML页面，现代站点的安全策略（如内容安全策略、脚本执行限制）大概率会阻止AngularJS脚本运行，导致应用功能失效。
• HTML导入站点编辑器：现代站点页面编辑器仅支持有限的内联脚本，复杂AngularJS应用依赖的外部JS加载、模板解析等逻辑无法正常执行，应用基本无法正常运行。

综合建议 #

1. 优先选择SPFx集成AngularJS的方案，既能复用现有代码，又能适配SharePoint现代站点生态，是最稳妥的落地方式。
2. 若应用规模极小、功能简单，且测试后文档库部署方式能正常运行（需调整站点安全设置，不推荐生产环境），可临时使用，但长期来看SPFx方案更可靠。
3. 若未来有功能扩展需求或原应用维护难度高，可考虑分模块逐步重构为React等现代框架，结合SPFx开发完成技术栈升级。

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