ng extract-i18n --output-path src/locale 上面我们说了,Angular i18n 发生在 compile 阶段。 这个command 会创建一个 folder (src/locale) 和一个 file (messages.xlf) messages.xlf 是要给翻译小姐姐使用的。 它长这样 <?xml version="1.0" encoding="UTF-8"?><xliffversion="1.2"xmlns="urn:oasis:nam...
使用angular 提供的指令 ng extract-i18n ,同时制定语言包生成的目录 src/locale 运行后就会生成一个默认语言包 message.xlf 建议使用如下 npm 命令封装,运行 npm run lang:gen 即可生成语言包文件 4.1.1.2 angular.json 配置 想要加其他语言包,从默认语言包 message.xlf 复制一个文件,然后配置一下就可以支持多语言。
在这里,i18n="@@key" 用于给文本内容添加一个唯一的翻译键 key,方便后续查找和翻译。提取翻译文件 使用Angular CLI 提取翻译文件。运行以下命令会在 src/locale 目录下生成一个 messages.xlf 文件:ng extract-i18n生成的 messages.xlf 是一个 XML 文件,包含应用中所有标记的翻译内容。
"extract": "ngx-translate-extract --input ./src --output ./src/assets/i18n/ --clean --sort --format namespaced-json" } ngx-translate-extract 还支持具有延迟加载的多个模块。在这种情况下,需要为每个模块创建一个Json文件: "scripts": { "i18n_home": "ngx-translate-extract --i ./src/app/...
现在,我们可以使用下面的命令来生成src/i18n/messages.xlf了: $ npm run extract-i18n 我们现在要创建不同的语言翻译文件了,首先是英文翻译,拷贝src/i18n/messages.xlf成src/i18n/messages.en.xlf: [...] <trans-unit id="[...]" datatype="html"> ...
对于Angular应用中的i18n json文件的自动比较检查,可以使用一些开源工具或自定义脚本来实现。这些工具可以读取不同语言版本的翻译文件,并进行比较和检查。一些常用的工具包括: ngx-translate-extract:这是一个Angular插件,可以提取应用中的翻译文本,并生成对应的翻译文件。它还提供了比较检查功能,可以检查不同语言版本的...
"extract-i18n":{}, "server":{}, "app-shell":{} } 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 1、build --节会为ng build 命令的选项配置默认值,下面是build中的options: builder -- 用于构建此目标的构建工具的npm 包,默认为 @angular-devkit/build-angular:browser,它使用的是 webpack 打包器。
"extract-i18n": { ... }, "test": { ... }, "lint": { ... }, "e2e": { ... } } * 这两者是如此的相似?* , 上述原因会不会因为打包,没有把组件样式打包呢? 仅仅打包全局样式? angular.json schema如何查找 angular.json有段如下配置 "...
复制extract.json自定义语言翻译,将翻译内容写入到target字段 使用i18n convert ./i18n-merge ./i18n将翻译元数据转换为key-value格式用于引用 自定义引用格式导入翻译,如 // node环境演示 import path from 'path'; import fs from 'fs'; import { loadTranslations } from '@cyia/localize'; export const Lang...
"extract-i18n": {}, "test": {}, } }, "my-project-name-e2e": {} }, } 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 关于angular-cli.json更多的配置可以参考下面的链接: https://github.com/angular/angular-cli/wiki/angular-...