symfony - 使用 Webpack Encore 将整个目录传递到 'require()' 函数中

Question

Webpack Encore 对我来说是新手，我正在努力处理静态文件。为了使用静态文件，您必须在 main.js 中要求它们。像这样:

require('images/myImage.jpg');

然后这个文件将被添加到 manifest.json你可以使用 {{ asset(myImage.jpg) }} 来引用它.如何将整个目录传递到 required()功能？我不想一张一张地添加我所有的静态图片。

我已经尝试过'require-dir' library ，无济于事。它一直输出这个错误: require.extensions is not supported by webpack .

有没有更简单的方法来实现我想要的？

Answer 1

您可以使用 require.context为了这。假设您想在 favicon 目录中包含所有 img，您可以执行以下操作。

// Load all favicons in directory
require.context('../img/favicon', false, /\.png$|.ico$/);

无需将结果存储在对象中或在您的代码中使用它。 Webpack 将只包含匹配 .png and .ico 的所有文件在您配置的输出目录中。

这种方式还可以让您控制最后使用正则表达式所需的文件。