Angular2和webpack – i18n插件与ng2-translate

发布时间：2020-12-17 08:01:47 所属栏目：安全来源：网络整理

导读：我想用angular2构建一个web应用程序,并将其与webpack捆绑在一起. 提供多种语言的最佳方式是什么： i18n-plugin：https://github.com/webpack/i18n-webpack-plugin 要么 ng2-translate：https://github.com/ocombe/ng2-translate 我使用cookbook使用webpack.

我想用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'}
    ];
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!