Dynamic imports in Angular 7

readme.md

Dynamic imports in Angular 7

Some big pieces of code you can load dynamically.

Update your tsconfig.json:

{
  ...
  "compilerOptions": {
    ...
    "module": "esnext",
  }
}

Use import() function:

...
export class AppComponent {
  async loadAndRun() {
    const file = await import('./big-fn');
    file.bigFn();
  }
}

big-fn.ts

export function bigFn() {
  ...
}

---

More info about dynamic imports in TypeScript: https://blog.mariusschulz.com/2018/01/14/typescript-2-4-dynamic-import-expressions