webpack捆绑大小中模块导入之间的区别

Question

问题是这两者之间有什么区别？

import { ModalHeader, ModalBody } from 'reactstrap';

和：

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

它对webpack捆绑包的大小有影响吗？

谢谢。

Answer 1

就Lodash而言，第二个选项似乎比第一个减小了30％的捆绑包大小。我猜这仅取决于库开发人员如何实现树震动，但似乎在第一种情况下，捆绑包中还会包含一些其他基本代码，因此第一种情况的大小要大一点。我假设在reactstrap的情况下应该在类似的地方

希望这会有所帮助：）