Multi language support for Client Side webpart with New SharePoint Development Framework

Question

I have created a sample Hello world webpart using the Examples provided at Office site

Webpart has a Property called "Description" in Property Pane which displayed in English Language.

I would like to display in "Description" in German language for German User. Is it possible to do so, I try to refer this Page to get understanding of how Resource Localisation works, but not got much Help.

I wanted to know is it possible if i force in my code to load specfic Language Resource file. Currently in Config.json of the solution I have

"localizedResources": { "expStrings": "webparts/exp/loc/{locals}.js" }

Under the Resource files i have en-us.js and de-de.js , how i can force code to load de-de.js instead of en-us.js.

I have requirement to Display the Webpart Description based on Users Language.

Thanks in advance for help

Answer 1

When starting the workbench by default it uses the en-US locale. To override this you can run:

$ gulp serve --locale=de-de

which will cause the workbench to use the de-DE locale instead.

Another way to test it, is to use the hosted version of workbench in the context of a German site. In O365 create a new Team Site using the de-DE locale (let's say its URL is https://contoso.sharepoint.com/sites/mysite). Then you would open the workbench using https://contoso.sharepoint.com/sites/mysite/_layouts/15/workbench.aspx which would be using the de-DE locale.