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

Question

我的webpack配置：

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

在我的项目中，我必须加载这样的图像：

compile 'com.android.support:percent:23.4.0'

操作繁琐，谁能给我一些建议？谢谢！

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