如何在webpack中加载多个图像？

Question

我的webpack配置:

{ test: /\.(png|jpg)$/, loader: 'url?limit=8192' }

在我的项目中,我必须加载这样的图像:

import homeBg1 from './image/homeBg1.jpg';
import homeBg2 from './image/homeBg2.jpg';
import homeBg3 from './image/homeBg3.jpg';

操作繁琐,谁能给我一些建议？谢谢!

Answer 1

此代码将从文件image夹导入所有*.jpg文件:

var requireContext = require.context("./image", true, /^\.\/.*\.jpg$/);
requireContext.keys().map(requireContext);

更多关于require.context:https://webpack.github.io/docs/context.html#require-context