performance Is there any way to lower the weight impact from pixijs on final bundle?

[hzjqn]

Hello everyone, I'm suggesting using pixi (v5) for a component on a really bloated site, and its bringing too much weight to the final bundle. 
We don't need everything the library offers, so I was wondering if we can import what we need and maybe minimize the impact on the final bundle weight.

Has anyone encountered a similar issue? How did you manage it?

[ivan.popelyshev]

Make your own bundle, you can strip like half of pixi size. Usually. But as soon as you add something like Spine, its gets 4x by weight :)))

https://pixijs.io/customize/ might help you

[hzjqn]

Thank you! It did help!

Does this work if I use the npm package aswell? By importing only the things I use {Sprite} from @pixi/Sprite instead of importing * as PIXI from @pixi/core as a whole and doing something like PIXI.Sprite?

And also, as I need the PIXI instance for the gsap.registerPixi plugin, wouldn't I need to import the whole PIXI object?
 

[ivan.popelyshev]

Look, the whole trick is to run the certain code before app starts

For that purpose, you have to create your own bundle file, that imports all stuff and exports PIXI.

Make sure it loads before your app starts rendering, this is necessary condition that webpack cannot guarantee. That is why we do things like that - we do not know all the ways users can create abomination that runs before our code runs.

1. Default way is to use "import {..} from PIXI"  everywhere - yes, that's enough.

2. Alternatively, include that bundle in APP  in that case you can use any imports directly from our @pixi/Sprite and other libs.

[hzjqn]

Makes sense. 

I'll check whats best for the project I am working on. 

Thanks a lot! Hope you are doing well