Using dynamic import as loader and translation scopes

[EladShechter]

Hey there,
First of all, this package is awesome, and helps a lot.

I wanted to ask about a transloco loader implementation that was introduced by @NetanelBasal in this article:
https://netbasal.com/strategies-for-cache-busting-translation-files-in-angular-86143ee14c3c#5692

export class HttpLoader implements TranslocoLoader {
  constructor(private http: HttpClient) {}

  getTranslation(lang: string) {
    return import(`../assets/i18n/${lang}.json`).then(res => res.default);
  }
}

In here, we are using the webpack dynamic import instead of using HttpClient angular service. The problem, is when I have multiple scopes like described in https://ngneat.github.io/transloco/docs/scope-configuration

├─ i18n/
   ├─ en.json
   ├─ es.json
   ├─ todos/
      ├─ en.json
      ├─ es.json

Webpack dynamic import fetches only the direct files, and not the files in the nested folders.

I tried to add with the import the comment

/* webpackInclude: /\/assets\/i18n\/(\w+\/)*\w+\.json$/ */

but it didn't helped

Is someone have a solution for using dynamic import and multiple scopes?