Webpack：将几个 js 框架捆绑到一个包中？答案

【问题标题】：Webpack: Bundle several js framework into one bundle?Webpack：将几个 js 框架捆绑到一个包中？
【发布时间】：2016-12-27 08:45:29
【问题描述】：

我试图理解 webpack 的目的。我打算使用来自 React 的fixed-data-table，它必须通过 webpack 处理并使用 Babel 转换，因为它使用 require 函数，否则浏览器无法处理。

要输出一个 bundle.js 文件，我可以在一个包中包含多个框架吗？ IE。 Bootstrap、React、React-dom 和其他框架？据我在文档中可以看出，您只能输入一个 .js 文件并将其处理为 bundle.js - 还是我错了？有没有将多个框架导入到一个 webpack 配置文件中，只输出一个 Bundle.js 的例子？到那时，我还无法用谷歌搜索自己。似乎大多数人只处理一个框架到一个包，这对我来说似乎并不直观。

【问题讨论】：

标签： javascript reactjs webpack

【解决方案1】：

Webpack，实际上是把你所有的依赖项打包成一个大文件，称为终极bundle.js

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

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

【讨论】：

我只是发现 webpack 配置文件的语法有点难以理解。您是否必须为每个模块定义一个加载器，即babel-loader？我试图找到人们加载许多模块的 webpack 配置示例，即 bootstrap、react、react-dom 和其他 JS 框架；但是我搜索的每个示例，它们只显示导入一个特定框架的示例，输入和输出之间的比率为 1:1，我不能使用太多。
你能发布你的配置文件吗？ Babel 应该能够消化所有这些
我将尝试获取所有模块并处理它们。我会在一两个小时内将其编辑到我的问题中。谢谢:)