Angular - How to reference an external javascript file at build time?

Question

After I build my angular app, I have to perform one last manual step to get my program to run: The platform it runs on has a requirement that its javascript file is in the <head> of the html file that is running. Their .js is on a CDN. So basically, post-build, I have to open up index.html and add the following:

<script src="https://cdn.fragilecorp.com/lib/js/platform.js" type="text/javascript"></script>

Is there a way I can accomplish this automatically using angular configs or a different way?

AliF50 · Accepted Answer · 2020-03-06 01:14:13Z

0

Yes, in .angular-cli.json (.angular.json in older versions), I believe you can add what's inside of src to the scripts array.

Check this out:

How to include external JS file to angular5?

answered Mar 6, 2020 at 1:14

AliF50

19.1k2 gold badges29 silver badges45 bronze badges

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

2 Comments

MDMoore313 Over a year ago

That works for local files, but this one has to be referenced directly from the CDN. Can't reference a url in the scripts array.

AliF50 Over a year ago

OK my bad , check out the second answer here. To do it completely dynamic, you can read environments file to make sure you are in production mode to load it dynamically. httpss://stackoverflow.com/questions/34489916/how-to-load-external-scripts-dynamically-in-angular/42766146#42766146

Collectives™ on Stack Overflow

Angular - How to reference an external javascript file at build time?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related