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

问题1:
我想知道webpack是否可以以某种方式捆绑一堆指定的文件(例如文件夹中的所有文件及其所有子文件夹)。

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

非常感谢

最佳答案

问题1

这可能会帮助您使用glob npm包将入口点定义为目录

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', ...]

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

3. “entry” — String Vs Array Vs Object 部分

问题2

免责声明:完全个人观点

我并不完全确定为什么采用图形方法,但是由于您的整个应用程序从一开始就可以执行,因此我开始接受这个决定。无论是一个入口点还是多个入口点,所有代码都将从特定的功能/模块开始。就像许多编程语言中的main如何执行所有操作一样。我可能完全错了,但这只是一个想法。

有人使用Webpack进行了更多研究,或者是贡献者,请编辑此答案。我也想知道确切原因。

09-30 13:35
查看更多