如何为Webpack或Browserify要求整个目录

Question

我正在学习如何使用Webpack和Browserify，所以我还是新手。在我看来应该有一个简单的方法来要求整个目录类似于./dir/**/*.js，但这似乎并不可能。因此，如果我理解正确，我只有以下选项：

• 将所有require（）语句放入我的条目文件（app.js）中。
• 在我想要的每个目录中创建一个index.js文件 在该文件中添加require语句。
• 使用require-dir软件包（对此软件包有npm问题）。

我错过了什么吗？

Answer 1

您可以使用require.context。

以下代码以递归方式在.js$目录中创建与./dir正则表达式匹配的任何文件的上下文：

var req = require.context('./dir', true, /\.js$/);

上下文中的所有文件都捆绑在webpack输出中。 例如，文件./dir/foo/bar.js可以像这样加载：

var bar = req('./foo/bar.js');

您还可以在上下文中检索文件列表：

req.keys();