使用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

谢谢@ 4m1r？要求像require('react-bootstrap/Popover');那样按你的建议工作。

我决定不包含react-bootstrap popover，而只是检测它是否全局可用，如果不使用降级的HTML标题属性体验。