使用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标题属性体验。