webpack可以捆绑js文件而不需要或导入吗? Q2:为什么需要图表?

时间:2017-11-09 14:36:19

标签: javascript import webpack require

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

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

问题2
我不知道为什么它需要创建一个图表开始。是不是足以保留所需的每个库的记录,只在最终的bundle.js脚本中包含一次?为什么是图表?

非常感谢

1 个答案:

答案 0 :(得分:4)

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

查看此媒体文章,了解更多关于多个条目的内容。 https://medium.com/@rajaraodv/webpack-the-confusing-parts-58712f8fcad9

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

问题2

免责声明:完全个人意见

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

有人使用Webpack做过更多研究或者是撰稿人,请编辑此答案。我也想知道确切的原因。