webpack bunde size 中模块导入的区别答案

【问题标题】：The difference between module importing in webpack bunde sizewebpack bunde size 中模块导入的区别
【发布时间】：2019-10-08 20:30:57
【问题描述】：

问题是这两者有什么区别：

import { ModalHeader, ModalBody } from 'reactstrap';

和：

import ModalHeader from 'reactstrap/lib/ModalHeader';
import ModalBody from 'reactstrap/lib/ModalBody';

webpack 包大小有什么不同吗？

提前致谢。

【问题讨论】：

【解决方案1】：

在 Lodash 的情况下，第二个选项似乎比第一个选项的包大小小约 30%。我想这仅取决于库开发人员如何实现摇树，但似乎在第一种情况下，一些额外的基本代码也最终出现在捆绑包中，因此第一种情况的大小要大一些。我假设在reactstrap 的情况下应该是类似的地方

希望这会有所帮助:)

【讨论】：