使用 Webpack 从包中捆绑单个组件？答案

【问题标题】：Use Webpack to Bundle Single Component from package?使用 Webpack 从包中捆绑单个组件？
【发布时间】：2015-11-05 02:08:58
【问题描述】：

我想使用 webpack 来捆绑一个或两个大包（react-bootstrap）的组件。我的代码中有这个：

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

我必须使用 commonjs，但我很好奇这是否更适用于 ES6 import Popover from 'bootstrap-react'。目前 webpack 将整个 react-bootstrap 拉入我的包中。

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：