gpt4 book ai didi

Angular2 和 webpack - i18n 插件与 ng2-translate

转载 作者:太空狗 更新时间:2023-10-29 17:11:33 24 4
gpt4 key购买 nike

我想用 angular2 构建一个网络应用程序并将其与 webpack 捆绑在一起。提供多种语言的最佳方式是什么:

国际化插件:https://github.com/webpack/i18n-webpack-plugin

ng2-翻译:https://github.com/ocombe/ng2-translate

最佳答案

我使用食谱让它与 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'}
];
});

关于Angular2 和 webpack - i18n 插件与 ng2-translate,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39498629/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com