Three shaking for blueprint v2.

[ghost]

Bug report

• Package version(s): 2 latest

Steps to reproduce

Just

import { Icon } from "@blueprintjs/core";

in my react app and I got this:

Why all this components from Blueprint?

I can understand icons (and something is happening: #2356), but not all that components which I don't need...

107.46 KB useless...

How to remove that code from my project ? Three-shaking?

[giladgray]

duplicate of #2193. PR in progress: #2356. this will ship in 3.0, coming in a few weeks.

[giladgray]

@johnunclesam yes, tree shaking is how you remove dead code:
https://webpack.js.org/guides/tree-shaking/

[ghost]

Not just for the icons, right?

PR also for all the core components?

Or still all 100 KB for just one single component?

[ghost]

@giladgray just for the icons or for single component also?

[giladgray]

@johnunclesam other components should already support tree shaking, see #2042. you must enable it in your build, though. and update all deps to versions that (hopefully) support it. it doesn't come for free.

[ghost]

Dear @giladgray you said me to go here: #2042, but what I don't understand is how to use just one single component (maybe also using import X from "@blueprintjs/core/src...") in a new, latest create-react-app.

Is this possible today?

[giladgray]

@johnunclesam import from "@blueprintjs/core/lib/esm/components/...".
you must import the lib/esm/ files for tree shaking (or import the entire module, which also uses those files).