SplitText Plugin with hosted plugin

[celli]

I can get GSAP3's splitText plugin working fine on CodePen with the CodePen plugin URL https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/SplitText3.min.js 

 

I have a Greensock membership, so I have the plugin hosted and local -- but it throws and error, even if I use my hosted plugin URL on CodePen.

 

I tried registering the plugin like this

gsap.registerPlugin(SplitTextPlugin);

 

I still get this error on the SplitText.js file :

"Uncaught SyntaxError: Cannot use import statement outside a module"

Then of course I get the error that SplitText is not defined

 

Any ideas why I am not able to use it outside of codePen ?

 

See the Pen eYmGYZQ by celli (@celli) on CodePen

[ZachSaucier]

Hey celli.

 

It sounds like you're trying to use the modules version. Try using the UMD version instead. They are meant to be loaded in a browser normally using a <script> tag.

[celli]

perfect, that worked ! I knew it had to be something simple. I didn't realize that. Thanks!