如何在 webpack 中通过 url-loader 加载多个图像？

【问题标题】：How to url-loader multiple images in webpack?如何在 webpack 中通过 url-loader 加载多个图像？
【发布时间】：2016-05-19 04:27:48
【问题描述】：

我的 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';

操作繁琐，谁能给点建议？谢谢！

【问题讨论】：

【解决方案1】：

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

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

【讨论】：