.thumb.jpg.45ad1f0654d8c8cd759c47599fe1796d.jpg)
import { ... } from 'gsap' vs from 'gsap/all'
Great news gsap is moving to es6! I like treeshaking and keep everything as small as possible!
However, what I don't understand is what the difference is between importing modules from 'gsap' vs. importing from 'gsap/all'.
So far I was importing modules from 'gsap', but in the docs I read it's better to import from 'gsap/all' for treeshaking sakes. But when I look at the all.js file inside gsap it's importing the modules, like I would do myself when I import directly from 'gsap'
@Friebel I read your post, but I don't know what you're doing.
Check out this example repo. It will generate a visual comparison of the two bundles.
https://github.com/OSUblake/gsap-treeshaking
npm install
npm run build
Using "gsap"
Parsed size: 118.73 KB
Gzipped size: 38.19 KB
Using "gsap/all"
Parsed size: 55.46 KB
Gzipped size: 16.63 KB
It could be even smaller, but the unused eases aren't being dropped. Maybe i
