我想用angular2构建一个web应用程序,并将其与webpack捆绑在一起.
提供多种语言的最佳方式是什么:
提供多种语言的最佳方式是什么:
i18n-plugin:https://github.com/webpack/i18n-webpack-plugin
要么
ng2-translate:https://github.com/ocombe/ng2-translate
我使用cookbook使用webpack.必须将xliff文件转换为ts,如下所示:
export const TRANSLATION_SV = `<?xml version="1.0" encoding="UTF-8" ?> <xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2"> <file source-language="en" datatype="plaintext" original="ng2.template"> <body> <trans-unit id="a73e2898b9e1126ed19dbabe4b5c3715a84db61a" datatype="html"> <source>Category</source> <target>Kategori</target> </trans-unit> </body> </file> </xliff>`;
然后在main.ts中必须添加它
import { TRANSLATIONS,TRANSLATIONS_FORMAT,LOCALE_ID } from '@angular/core'; import { TRANSLATION_SV } from './locale/messages.sv';
并插入引导步骤:
platformBrowserDynamic().bootstrapModule(AppModule,{ providers: [ {provide: TRANSLATIONS,useValue: TRANSLATION_SV},{provide: TRANSLATIONS_FORMAT,useValue: "xlf"},{provide: LOCALE_ID,useValue:'sv'} ]; });