webpack bunde大小中模塊導入的區別

Question

問題是這兩者之間的區別是什么：

import { ModalHeader, ModalBody } from 'reactstrap';

和：

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

它對webpack包大小有什么影響嗎？

提前致謝。

Answer 1

在Lodash的情況下，第二個選項似乎比第一個選項少約30％。 我猜它只取決於庫開發人員如何實現樹抖動，但似乎在第一種情況下，一些額外的基本代碼也最終出現在bundle中，因此第一種情況的大小稍微大一些。 我假設在reactstrap情況下它應該是類似的地方

希望這可以幫助 ：）