使用 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 拉入我的 bundle.

如何让 webpack 只捆绑这两个组件及其依赖项？

Answer 1

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

我决定不包含 react-bootstrap 弹出窗口，而是只检测它是否全局可用，如果不可用，则使用带有 HTML title 属性的降级体验。