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...
在这里,i18n="@@key" 用于给文本内容添加一个唯一的翻译键 key,方便后续查找和翻译。提取翻译文件 使用Angular CLI 提取翻译文件。运行以下命令会在 src/locale 目录下生成一个 messages.xlf 文件:ng extract-i18n生成的 messages.xlf 是一个 XML 文件,包含应用中所有标记的翻译内容。
使用angular 提供的指令 ng extract-i18n ,同时制定语言包生成的目录 src/locale 运行后就会生成一个默认语言包 message.xlf 建议使用如下 npm 命令封装,运行 npm run lang:gen 即可生成语言包文件 4.1.1.2 angular.json 配置 想要加其他语言包,从默认语言包 message.xlf 复制一个文件,然后配置一下就可以支持多语言。
{"compilerOptions":{[...]},"exclude":["test.ts"],"angularCompilerOptions":{"genDir":"i18n"}} 在package.json中我们也需要加入一个脚本定义,使用ng-xi18n这个工具来生成一个可翻译的文本文件: {[...]"scripts":{[...]"extract-i18n":"cd src && ng-xi18n"}[...]} 现在,我们可以使用下面...
"extract":"npm run i18n_home && npm run i18n_login" } 配置好之后运行 npm run extract就可以了。每次更新同样运行这个指令就可以。 以上只能提取html中的翻译字段,想要提取ts中的翻译字段,首先要在package.json文件下增加配置: "i18n_home": "ngx-translate-extract --i ./src/app/home --o ./src/as...
"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 打包器。
对于Angular应用中的i18n json文件的自动比较检查,可以使用一些开源工具或自定义脚本来实现。这些工具可以读取不同语言版本的翻译文件,并进行比较和检查。一些常用的工具包括: ngx-translate-extract:这是一个Angular插件,可以提取应用中的翻译文本,并生成对应的翻译文件。它还提供了比较检查功能,可以检查不同语言版本的...
"extract-i18n": { ... }, "test": { ... }, "lint": { ... }, "e2e": { ... } } * 这两者是如此的相似?* , 上述原因会不会因为打包,没有把组件样式打包呢? 仅仅打包全局样式? angular.json schema如何查找 angular.json有段如下配置 "...
"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-...
architect/extract-i18n 为ng extract-i18n 命令的选项配置了默认值,该命令用于从源代码中提取带标记的消息串,并输出翻译文件。 architect/server 用于为使用 ng run <project>:server 命令创建带服务器端渲染的 Universal 应用配置默认值。 architect/app-shell 配置了使用 ng run <project>:app-shell 命令为渐进式...