How to instal npm modules gsap?

[dc65k]

Hello everyone.

https://greensock.com/

npm install gsap

If I install npm packages gsap

I get 2.24 megabyte

But

https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js - 59.6 kilobyte

https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/ScrollTrigger.min.js - 20.0 kilobyte

Please tell me, how can I only the packages I need?

For example (only I want using npm).

https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js - 59.6 kilobyte

https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/ScrollTrigger.min.js - 20.0 kilobyte

[elegantseagulls]

Hi @dc65k, Generally if you're using the NPM install, it adds the ESM and UMD files for development purposes (depending on your needs) you should not be bundling the entire package for production (what you get in production will depend on what you import into your project, and how your production bundler sets things up. The NPM folder includes the plugin files that make development easier, and shouldn't be uploaded/referenced for production.

 

This may help further clarify things: https://greensock.com/docs/v3/Installation

[GreenSock]

Yep, @elegantseagulls is correct. GSAP's npm package contains lots of files (UMD, ESM, and raw source versions of ALL plugins and the core plus typescript definitions, readme, etc.) and that's a GOOD thing. Please don't make the mistake of assuming that all those files will end up in your published project. Your build system should only use the individual necessary files that you import (often just the core). That'll ultimately be the same size as what you're seeing on the CloudFlare CDN when you package and minify your project. 

[dc65k]

Thank you very much.