我正在开发一个包含两种语言（英语和法语）的项目。 我需要针对这两种语言本地化内容，例如在英语和法语页面的页眉和页脚中添加不同内容。同样，在管理员面板上管理多语言内容（如页面标题、页面正文等）。
我需要将语言环境添加到URL中，各种语言的URL结构都应相同。 例如：
- site.com/en/about
- site.com/fr/about
- site.com/en/contact
- site.com/fr/contact
官方Angular文档建议将不同的Angular项目构建并部署到不同的语言文件夹中（在我的情况下是“en”和“fr”）。这将避免为网站缓存资源，用户在切换到另一种语言时需要重新加载所有内容。
此外，我需要为每种语言运行/启动一个单独的本地项目。例如：
ng serve --configuration=en
ng serve --configuration=fr --port 4201
我每次更新语言字符串时都需要运行CLI命令：
ng extract-i18n --output-path src/locale
对我来说，这个设置似乎有点复杂。当我要添加另一种语言时，它将变得更加复杂。
有没有更好/更简单的方法来管理带有本地化（l10n）和国际化（i18n）的多语言Angular项目？
我需要添加一个按钮，点击后URL将从“/en/about/”更改为“/fr/about/”，反之亦然。