我不是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
进行了更多研究,或者是贡献者,请编辑此答案。我也想知道确切原因。