How to include JavaScript from a CDN in meteor?

Question

I\'d like to include JS from a CDN in Meteor before including my own client scripts so that the client scripts can depend on it.

...


        

Answer 1

Assuming you don't need to load these files before the Meteor packages, create a JS file which is loaded before any of the others. Meteor loads files in alphabetical order so it must be the first file loaded. To that end, naming it aaLoadCDN.js should suffice. Dynamically load the CDN scripts by adding a script src element to the document head:

var script = document.createElement('script');
script.setAttribute('type', 'text/javascript');  // optional
script.setAttribute('src', 'url/to/the/cdn/script.js');
document.getElementsByTagName('head')[0].appendChild(script);

Here are some real-world Meteor packages loading scripts from CDNs:

• snapsvg
• Font-Awesome (CSS).