How to load webpack Angular 7 module from http?

Question

I'm trying to split Angular 7.2 app into app and two module; each will be build with Webpack. Main app will load module 1, module 2 from HTTP as children in app.routing.ts Is there anyway to do that?

what Angular version are you using?

Andrei
– Andrei

2019-12-16 10:25:43 +00:00
Commented Dec 16, 2019 at 10:25 — Andrei
– Andrei, Commented Dec 16, 2019 at 10:25
@Andrei: Angular 7.2

o0omycomputero0o
– o0omycomputero0o

2019-12-16 10:37:27 +00:00
Commented Dec 16, 2019 at 10:37 — o0omycomputero0o
– o0omycomputero0o, Commented Dec 16, 2019 at 10:37

Eliran Eliassy · Accepted Answer · 2019-12-16 11:04:36Z

1

I know it might not be the answer you've been looking for since you've mentioned v7. And still...

If you only update to V8 (And migrating from 7 to 8 should be really easy update) you can use the simple es import function to load any module even using the router, but also without him.

import(PATH_TO_MODULE).then(m => m.MODULE_NAME)

answered Dec 16, 2019 at 11:04

Eliran Eliassy

1,60012 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

o0omycomputero0o Over a year ago

it seem that PATH_TO_MODULE cannot be used with module loading through Http

Eliran Eliassy Over a year ago

It will use webpack to create a chunked js from your module. When you will call the import statement it will get the chunk using http.

o0omycomputero0o Over a year ago

Thank, I understand your idea. But I need to explicit set PATH_TO_MODULE = 'example/module.js'

o0omycomputero0o Over a year ago

If I put chunked module js to different domaim can it be loaded as normally?

Andrei · Accepted Answer · 2019-12-16 10:44:12Z

1

RouterModule.forRoot([
    ...
    {path: 'path1', loadChildren: './module1/module1.module#Module1Module'},
    {path: 'path2', loadChildren: './module2/module2.module#Module2Module'}

])

with this way angular will detect lazy modules, build them separately and force them to load when appropriate path is in the url

answered Dec 16, 2019 at 10:44

Andrei

12.8k1 gold badge16 silver badges25 bronze badges

3 Comments

o0omycomputero0o Over a year ago

I need to load module from HTTP; using your way module will be built directly by Webpack not loading from HTTP

Andrei Over a year ago

it will be build by webpack and loaded by http. Am I right that you want to build modules separately (different git repositories for example)?

o0omycomputero0o Over a year ago

Yes, two modules are separately.

Collectives™ on Stack Overflow

How to load webpack Angular 7 module from http?

2 Answers 2

4 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related