Ecmascript 6 ES6导入-不同的输出文件（webpack、babel）

我使用webpack和babel从jsx文件构建bundle.js输出

对于这两个导入，我有不同的bundle.js文件：

import {Button} from 'react-bootstrap';

…bundle.js很大，因为它包含其他react引导组件，如Glyphicon、Modal、Portal等

import {Button} from 'react-bootstrap/lib/Button';

…bundle.js包含按钮及其依赖项

我错过了什么？我只需要bundle.js和我使用的这些组件。我应该始终使用第二个导入吗

---

谢谢。

只需要你需要的，是的。应该可以解决这个问题，但这只有在库也是用ES6编写的情况下才有效。这不太好，因为很多库都不在ES6中。所以简单的解决方案是每个文件一个组件，然后导入具体的文件。谢谢你的回答。只需要你需要的，是的。应该可以解决这个问题，但这只有在库也是用ES6编写的情况下才有效。这不太好，因为很多库都不在ES6中。所以简单的解决方案是每个文件一个组件，然后导入具体的文件。谢谢你的回答。