webpack批量导入图片

在webpack中，你可以使用require.context来实现批量导入图片。

首先，确保你已经安装了file-loader或者url-loader来处理图片文件。然后，在你的webpack配置文件中添加以下代码：

const images = require.context('./path/to/images', false, /\.(png|jpe?g|svg)$/);

const imageList = images.keys().map(images);

上述代码中，`./path/to/images`是你存放图片的文件夹路径。第二个参数`false`表示不搜索子目录，最后一个参数`/\.(png|jpe?g|svg)$/`表示只匹配以.png、.jpg、.jpeg、.svg结尾的文件。

通过`require.context`创建了一个上下文，然后使用`keys()`获取所有匹配的文件路径，再通过`map`函数将每个路径传递给`require`函数进行导入。最终，`imageList`将包含所有导入的图片。

你可以根据需要进一步处理导入的图片，比如将它们用作背景图或者在页面中展示出来。

希望对你有所帮助！如果还有其他问题，请随时提问。