Как сделать url-загрузчик нескольких изображений в веб-пакете?

Question

Мой конфиг веб-пакета:

{ 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

Этот код импортирует все файлы *.jpg из image папка:

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

Больше о require.context: https://webpack.github.io/docs/context.html