Localizations not getting applied

[chocolatkey]

I believe I have set up things properly according to the online documentation, however the translations are not getting applied to the built javascript files. Is there something I'm doing that's obviously wrong?
Configuration is here: https://github.com/chocolatkey/xbreader/blob/master/webpack.prod.js#L133

Example built file is here: https://unpkg.com/[email protected]/dist/xbreader-fr.js which should have French. But I can see it's still English Object(s.__makeTemplateObject)(["Settings saved!"],["Settings saved!"]))

[chocolatkey]

Any update regarding this matter?

[arananegra]

I'm trying to figure out how to make work this plugin with webpack encore and although everything seems to run/build without even warnings I'm facing the same problem. It outputs multiple js per localization file but it always show the English message id... 😞 Did you figured out something @chocolatkey ?

[AlexMost]

Hi @chocolatkey! this plugin is an experimental one. As an alternative, you can setup the localization process with babel-plugin-ttag. Here is an example of how this can be done - https://ttag.js.org/blog/2018/09/05/hardcore-webpack-setup.html. As for your example seems like tag literals are transformed before babel-plugin-ttag parses the sources. Need to figure out how to fix that. One thing that came to my mind while looking at your webpack config is that you are using ts-loader - https://github.com/chocolatkey/xbreader/blob/master/webpack.prod.js#L38, so all tagged literals are transpiled before babel-plugin-ttag encounters the file.