webpack 可以在没有 require 或 import 的情况下打包 js 文件吗？ Q2：为什么需要图表？

Question

我是 webpack 的新手，据我了解，它将创建一个从入口点开始并基于此后每个脚本中指定的 require 命令的图形。

问题一：
我想知道是否有办法让 webpack 以某种方式捆绑一堆指定的文件（比如文件夹及其所有子文件夹中的所有文件）。

问题二
我不确定为什么它需要首先创建一个图表。记录所需的每个库并在最终 bundle.js 脚本中仅包含一次就足够了吗？为什么要图表？

非常感谢

Answer 1

问题一

这可能会帮助您使用 glob npm package

将入口点定义为目录

var glob = require("glob");
// ...
entry: glob.sync("./test/**/*Spec.js")

要对此进行更多跟进，请查看此 github 问题 https://github.com/webpack/webpack/issues/370

然而，事实证明条目也采用数组，其中第一个文件将用于捆绑，其余文件附加到 bundle.js

的末尾

entry: ['index.js', 'otherEntry.js', ...]

查看这篇 Medium 文章，了解有关多个条目的更多信息。 https://medium.com/@rajaraodv/webpack-the-confusing-parts-58712f8fcad9

3. “entry” — String Vs Array Vs Object节

问题二

免责声明：完全个人意见

我不完全确定为什么采用图形方法，但我开始接受这个决定，因为您的整个应用程序，无论它有多复杂，都将从一个起点开始执行.无论是一个入口点还是多个入口点，您的所有代码都将从一个特定的函数/模块开始。就像许多编程语言中的一切都是从 main 开始执行的一样。我可能完全错了，但这只是一个想法。

对 Webpack 做过更多研究的人或者是贡献者，请编辑此答案。我也想知道具体原因

Can webpack bundle js files without require or import? Q2: Why is a graph needed?