Webpack：将几个js框架捆绑成一个捆绑包？

Question

我正在努力了解webpack的目的。我打算使用React中的fixed-data-table，它必须通过webpack进行处理，并使用Babel进行转换，因为它使用了require函数，否则浏览器无法处理它。

要输出bundle.js文件，我可以在一个包中包含几个框架吗？即Bootstrap，React，React-dom和其他框架？据我在文档中可以看出，你只能输入一个.js文件并将其处理成一个bundle.js - 或者我错了？是否有将几个框架导入一个webpack配置文件并仅输出一个Bundle.js的示例？我还没有能够自己谷歌到那一点。好像大多数人只将一个框架处理成一个包，这对我来说似乎不太直观。

Answer 1

Webpack，将字面上的所有依赖项并将其合并为一个称为最终bundle.js

的大文件

没有限制（除了硬盘空间）你可以在一个包中包含多少个框架，Webpack只需要知道这个依赖项正在使用中并且需要它。根据您的构建配置，Webpack应在遍历您的目录后立即找到它们。

最简单的方法是通过注册框架。在您的Babel ES6文件中调用require或import。如果这是不可能的，我建议阅读RequireJS上的文档，这是一种注册它们的替代方法。