how to tree shake icon?

[popuguytheparrot]

how to tree shake icon? Now loading all icons from package

[Templarian]

React's toolchain has tree shaking built in, so double check you're importing the icons correctly.

import { mdiAccount } from '@mdi/js'; and not all of them.

[popuguytheparrot]

@Templarian its not working. In bundle i see all of icons

[Templarian]

Yeah, not sure what's going on. Probably something in the specific project you have.

• Does it happen in the prod build...
• Try to reproduce it in a new blank app.

Not something I'm going to be able to fix as its webpack, roll-up, etc handle this.

[popuguytheparrot]

its in production bundle. For example, @material-ui/icons its tree shakes, but it package not.

[Templarian]

That is weird. Search your full project for @mdi/js and double check it's only importing them by name.

Beyond that try and recreate in a new app.

[vcardins]

Still not being able to tree shaking either. Any ideas?

[petertenhoor]

Same issue in 2021 with a next.js application. Full 2MB package @mdi/js package ends up in the bundle eventhough I'm only importing a few icons :')