javascript - webpack 可以在没有 require 或 import 的情况下打包 js 文件吗？ Q2 : Why is a graph needed?

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

然而，事实证明 entry 也采用一个数组，其中第一个文件将用于捆绑，其余文件附加到 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 做过更多研究或者是贡献者的人，请编辑此答案。我也想知 Prop 体原因。