angular语言前端开发_详解使用angularcli发布i18n多国语言Angular应用_唇印_前端开发者...

在模板

Hello world!

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

$ ng xi18n --output-path src/i18n

命令执行后&＃xff0c;生成 src/i18n/messages.xlf 文件

[...]

"build-i18n": "for lang in en zh; do ng build --output-path&＃61;dist/$lang --aot -prod --bh /$lang/ --i18n-file&＃61;src/i18n/messages.$lang.xlf --i18n-format&＃61;xlf --locale&＃61;$lang; done"

}

[...]

}

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

windows用户命令

> ng build --output-path&＃61;dist/zh --aot -prod --bh /zh/ --i18n-file&＃61;src/i18n/messages.zh.xlf --i18n-format&＃61;xlf --locale&＃61;zh

> ng build --output-path&＃61;dist/en --aot -prod --bh /en/ --i18n-file&＃61;src/i18n/messages.en.xlf --i18n-format&＃61;xlf --locale&＃61;en

package.json脚本

"scripts": {

"build-i18n:es": "ng build --output-path&＃61;dist/zh --aot -prod --bh /zh/ --i18n-file&＃61;src/i18n/messages.zh.xlf --i18n-format&＃61;xlf --locale&＃61;zh",

"build-i18n:en": "ng build --output-path&＃61;dist/en --aot -prod --bh /en/ --i18n-file&＃61;src/i18n/messages.en.xlf --i18n-format&＃61;xlf --locale&＃61;en",

"build-i18n": "npm run build-i18n:en ; npm run build-i18n:zh"

}

以上就是本文的全部内容&＃xff0c;希望对大家的学习有所帮助&＃xff0c;也希望大家多多支持前端开发者。