yarn add gsap and TweenLite issues

[overdub60]

I've installed gsap with

yarn add gsap

 

I then import TweenLite like this

import { TweenLite, Power2 } from 'gsap';

 

When I look into my build, I see that the full TweenMax bundle is included in the build. Is there a way around that? I would prefer to just have TweenLite in there.

 

I realize that the preferred method is using the CDN but I would still like to use the npm/yarn version.

[GreenSock]

Yeah, sorry about the confusion there - "gsap" actually just points to TweenMax right now (which includes TweenLite, Power2 and a whole bunch of other stuff). We're working on an ES6 module version, but it's not ready yet. Anyway, for now you can just import things directly like:

 

import TweenLite from "gsap/TweenLite";

 

As for the ease, it's added to the global scope by TweenLite anyway, so you should be able to reference that but you can also just use a string version anyway like ease:"Power2.easeOut". 

 

Does that help? 

[overdub60]

Thanks @GreenSock, unfortunately this doesn't work either. I'm using TypeScript and I get an error that complains about missing types, even though I already installed types/gsap...

 

TS7016: Could not find a declaration file for module 'gsap/TweenLite'. 'node_modules/gsap/TweenLite.js' implicitly has an 'any' type.
Try 'npm install @types/gsap' if it exists or add a new declaration (.d.ts) file containing `'declare module 'gsap';`

 

[GreenSock]

Hm, I'm not at all familiar with the type declarations, so I'm afraid I can't be of much help here. Maybe there's something you could tweak in your config so that it doesn't force you to have those?