详解使用angular-cli发布i18n多国语言Angular应用

前端之家收集整理的这篇文章主要介绍了详解使用angular-cli发布i18n多国语言Angular应用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在模板html标签增加i18n

Hello world!

使用ng命令产生xlf格式的message.xlf文件

命令执行后,生成 src/i18n/messages.xlf 文件

Hello World!

复制message.xlf,message.en.xlf(英文版本) message.zh.xlf中文版本

Hello World! Hello World!
Hello World! 哈喽,世界!

现在浏览,显示的是中文版本

这个命令执行完毕后,生成了en和zh两种语言版本。http://localhost:4200/en访问英文版本,http://localhost:4200/zh访问中文版本。--bh指定默认版本,http://localhost:4200访问时,跳转到默认版本。

修改package.json文件,加入脚本

这样就可以执行npm run build-i18n 命令,一次build多个语言版本了。

windows用户命令

ng build --output-path=dist/zh --aot -prod --bh /zh/ --i18n-file=src/i18n/messages.zh.xlf --i18n-format=xlf --locale=zh > ng build --output-path=dist/en --aot -prod --bh /en/ --i18n-file=src/i18n/messages.en.xlf --i18n-format=xlf --locale=en

package.json脚本

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/js/39144.html

猜你在找的JavaScript相关文章