Angular 2.0 Final + Translation + Webpack?

Question

I just wanted to know how to provide translation support for my Angular 2.0.0(final) application which uses Webpack(1.13.2) for module bundling (not SystemJS).

I can get examples of Angular 2.0 i18n online, but all of those are done with SystemJS and not with Webpack.

Does anyone know how to do Angular2 i18n with Webpack ?

Appreciate your help in advance.

Gabriel Kohen · Accepted Answer · 2016-10-21T11:52:16.273

0

You may want to follow the instructions below:

Add import 'ng2-translate'
Copy those i18n files to the assets folder. An example can be with the following plugin: new CopyWebpackPlugin([ { from: helpers.root('src', 'public', 'i18n'), to: 'assets/i18n' } ])

Taken from thread: https://github.com/ocombe/ng2-translate/issues/121

Update: In Angular 2 RC6 They have release a i18n support as you see here: http://angularjs.blogspot.com/2016/09/angular-2-rc6_1.html
You could use the TRANSLATIONS, TRANSLATIONS_FORMAT, LOCALE_ID barrel imports to utilize that. See an example here: https://github.com/StephenFluin/i18n-sample

edited Oct 21 '16 at 11:52

answered Oct 20 '16 at 20:01

Gabriel Kohen

4,166
4
31
46

Thanks for your reply. – Vignesh Kumar Oct 21 '16 at 08:11
How to use the native i18n support in Angular 2.0, instead of using a library ? – Vignesh Kumar Oct 21 '16 at 08:11
Thank you Gabriel. That should help me to get started. – Vignesh Kumar Oct 24 '16 at 08:09
Glad to hear @VigneshKumar. If it's OK with you can you mark the question as answered? – Gabriel Kohen Oct 24 '16 at 15:37

Angular 2.0 Final + Translation + Webpack?

1 Answers1