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

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

require('images/myImage.jpg');

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

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

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

最佳答案

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

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

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

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

关于symfony - 使用 Webpack Encore 将整个目录传递到 'require()' 函数中，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48052133/