React bootstrap - 直接导入组件时包大小没有变化

React bootstrap - no change in bundle size when importing components directly

https://react-bootstrap.github.io/getting-started/introduction#importing-components 之后,我已将项目中的所有导入从 import * as rb from 'react-bootstrap' 更改为 import <component> from 'react-bootstrap/<component'。我原以为这会导致更小的包大小,但在通过 source-map-explorer 分析后,包大小几乎相同(甚至增加了不明显的数量)。该项目由 create-react-app 创建,react v17.0.2react-bootstrap v2.2.2.

Create React App 支持 tree shaking,这是自动配置的。摇树从包中删除未使用的代码:https://en.wikipedia.org/wiki/Tree_shaking.

这导致大小相同,因为最终只使用部分组件或使用整个包并剥离其中未使用的部分之间没有区别。