topic Re: Is there a way to not have all locales in my package? in ArcGIS JavaScript Maps SDK Questions

Is there a way to not have all locales in my package?

sandrooco — Tue, 15 Feb 2022 14:09:14 GMT

Hello everybody

I'm using @arcgis/core. When building the project, there are countless (all?) locales/translations loaded. Is there a way to only bundle the locales that I really want instead of all?

I'd be great if there was a param in `esriConfig` for example.

Thanks!

Re: Is there a way to not have all locales in my package?

ReneRubalcava — Tue, 15 Feb 2022 15:06:43 GMT

This will depend on your build environment. We have a webpack-plugin that will simplify this for you.

https://github.com/Esri/arcgis-webpack-plugin

// webpack.config.js module.exports = { ... plugins: [ new ArcGISPlugin({ locales: ['en', 'es'] }) ] ... }

If you're not using webpack, or don't want to use the plugin (the asset copy/filter functionality is all it really offers in most cases) you can mimic what the plugin does in your own application.

This is how it will filter the the locale files in the copy operation.

https://github.com/Esri/arcgis-webpack-plugin/blob/master/lib/requiredPlugins.js#L50-L73

Re: Is there a way to not have all locales in my package?

sandrooco — Wed, 23 Feb 2022 16:34:51 GMT

Hi Rene, thanks for your help.

This strangely didn't work.. I was able to add the plugin and it's recognized, but the translation chunks still show up.. Do you have any other ideas?

Re: Is there a way to not have all locales in my package?

ReneRubalcava — Wed, 23 Feb 2022 17:01:30 GMT

Do you have a repo? I tried this out looking at the doc to let the plugin copy the assets and this work.

new ArcGISPlugin({ locales: ['en', 'es'] }),

Re: Is there a way to not have all locales in my package?

sandrooco — Thu, 24 Feb 2022 07:19:11 GMT

I don't have an example repo that I could post publicly at the moment.
We use Angular and injected the custom webpack bit via @angular-builders/custom-webpack. Do you have any Angular examples?

Re: Is there a way to not have all locales in my package?

ReneRubalcava — Thu, 24 Feb 2022 15:46:59 GMT

I don't know Angular well enough to say, @AndyGup might have an idea.

Maybe you can tweak the assets copy glob to do it simpler.

Something like what is done in the plugin here https://github.com/Esri/arcgis-webpack-plugin/blob/master/lib/requiredPlugins.js#L67

"assets": [ { "glob": "**/*", // update the glob here to ignore locales "input": "node_modules/@arcgis/core/assets", "output": "/assets/" }, ],

Re: Is there a way to not have all locales in my package?

AndyGup — Thu, 24 Feb 2022 16:46:48 GMT

Hi@sandrooco let us know what version of Angular?

Here's an example using Angular 11 with a custom builder and the ArcGIS webpack plugin: https://github.com/andygup/angular-cli-esri-map/tree/arcgis-webpack-angular . The repo is archived and it uses the AMD modules, but hopefully you can reuse some of the builder patterns to get the plugin working.

Re: Is there a way to not have all locales in my package?

sandrooco — Fri, 25 Feb 2022 15:59:00 GMT

Hi @AndyGup, thanks for your input.
I set up my project the same like yours, it's on Angular 13 though (shouldn't make a difference).

Could you please try with this and check what chunks are produced?

 locales: ['en', 'es']

Re: Is there a way to not have all locales in my package?

AndyGup — Fri, 25 Feb 2022 17:35:53 GMT

Sure @sandrooco I can take a look, it'll probably be next week. Do you have a requirement to keep the assets local? By default they'll pull from CDN, reference: https://developers.arcgis.com/javascript/latest/es-modules/#working-with-assets.

Re: Is there a way to not have all locales in my package?

sandrooco — Wed, 02 Mar 2022 10:16:43 GMT

That would be cool, thanks.
It's not a must to have it locally but would be nice because we could lazy load it like our other components/modules.