Angular 官方 i18n 实践分享

Angular的国际化（i18n）工具可以帮助我们使用多个语言开发应用。官方文档 介绍了如何在 Angular 模板中使用 i18n 属性标记文本、通过 ng 命令行工具创建翻译源文件以及如何通过 ng 命令行工具进行不同语言应用打包的方法……

官方文档中还介绍了 JIT 编译模式下，如何通过 bootstrap 的编译选项设置所要使用的语句包，以便在进行组件编译时进行语言的插入。

整个官方文档完整学习掌握了的话，对于国际化开发中的组件模板添加标记、提取语言包、启动开发服务器、语言包实时调试以及使用 AOT 进行编译打包等任务都应该毫无障碍。

不过，官方文档没有涉及到的问题也不少：

• AOT 编译打包后的不同语言的 SPA 如何部署到同一台服务器上，这对 npm build script 打包脚本有何要求
• 如何在 SPA 中响应切换语言的请求
• 如何针对少量不在组件模板中的 data 实时 i18n 需求进行处理
• 使用 JIT 编译模式进行 i18n 开发的话，使用哪些打包参数
• 使用 JIT 编译模式打包如何支持多语言切换，如何动态加载不同语言的 xlf 文件

本文从官方 i18n 示例项目出发，为您一一解答上述问题。