Current best practice on importing GSAP?

[martis]

Hi all,

 

Know there are many posts about this, but things change overnight.

 

I am using Nuxt.js for Vue and have been playing around with a variety of ways to implement GSAP.

 

from Import, to vendor bundle, to plugin...

 

Wanted to know what everyone thinks is the best route to go these days knowing I like to include a lot of the extras!

 

Thanks!

[Dipscom]

My personal opinion?

 

Libraries like GSAP: External CDN link with a fallback to a self-hosted version.

[martis]

Thanks Dipscom,

 

Do you have an example of what this might look like with the fallback? CDN feels like the easiest solution so far!

[OSUblake]

Remember that best practices are just opinions, and will change over time, but here's how to do a CDN fallback.

 

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script>
<script>window.TweenLite || document.write('<script src="js/TweenMax.min.js">\x3C/script>')</script>

 

[Dipscom]

What he said. 

[martis]

Thanks guys!

 

I ended up creating a Vue plugin...