使用Webpack從包中捆綁單個組件？

Question

我想使用webpack捆綁一個或兩個大型軟件包組件（react-bootstrap）。我有這個在我的代碼：

Popover = require('react-bootstrap').Popover; 
OverlayTrigger = require('react-bootstrap').OverlayTrigger; 

我必須使用CommonJS的，但我很好奇，如果這與ES6 import Popover from 'bootstrap-react'工作得更好。目前webpack將整個react-bootstrap拖入我的包中。

如何讓webpack只綁定這兩個組件及其依賴關係？

Answer 1

Thanks @ 4m1r？要求它像require('react-bootstrap/Popover');那樣按照你的建議工作。

我決定不使用react-bootstrap彈出窗口，而只是檢測它是否全局可用，以及是否使用降級的HTML標題屬性體驗。