How to specify an absolute URL for generated chunk files in angular (CLI 7)

Question

I'm having issues as I serve my javascript files from a CDN. IN new angular cli (v7) when I enable lazy loading the generated chunk files are loaded from the root directory by default, however I want them to be served from a different url (s3 in this case).

How it is being loaded:

...
http://<website_url>/polyfills.js
http://<website_url>/runtime.js
http://<website_url>/main.js
...

How I want it to load:

...
http://<website_url>/abolutepath/polyfills.js
http://<website_url>/abolutepath/runtime.js
http://<website_url>/abolutepath/main.js
...

Just to mention I have tried base href and it doesn't work. It still loads the chunk fiels from root.

<base href="/abolutepath/">

Vova Bilyachat · Accepted Answer · 2019-01-09 01:16:19Z

3

You can specify --deployUrl when using build

ng build --prod --deployUrl http://<website_url>/abolutepath

Basically this is when you upload files into custom folder + if want to use CDN

edited Jan 9, 2019 at 1:16

answered Jan 9, 2019 at 1:09

Vova Bilyachat

19.5k4 gold badges60 silver badges88 bronze badges

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

2 Comments

arbghl Over a year ago

Thanks, that solves it. I read somewhere that angular CLI 7 doesn't support deployUrl params (obviously incorrect)

arbghl Over a year ago

Yep, my bad, was in a hurry so.

Collectives™ on Stack Overflow

How to specify an absolute URL for generated chunk files in angular (CLI 7)

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related