Разрешение абсолютных путей из css с помощью Webpack

У меня есть проект, в котором я импортирую правила CSS из node_modules. У них есть пути к клипам с абсолютными URL-адресами, поэтому они не работают с текущими настройками.

Я пытаюсь решить эту проблему с помощью Webpack, потому что обычно он работает для всех изображений.

Мой веб-пакет настроен так:

{
  test: /\.(css|scss)?$/,
  use:  ['style-loader', MiniCssExtractPlugin.loader, 'css-loader', 'postcss-loader', 'sass-loader']
},
{
  test: /\.(svg|png|jpg|eot|woff|woff2)?$/,
  include: [
       path.resolve(basePath, 'project/frontend/scss'),
  ],
  use: {
  loader: "file-loader",
  options: {
  name: '[name].[ext]',
  outputPath: 'assets/fonts/'
   }
}

У меня есть таблица стилей, содержащая этот стиль (исходящий из node_modules):

.background {
   background: url('/img/image.svg');
   font-color: '#cecece';
} 

Стили добавляются в HTML и применяется font-colour. Однако стиль не может разрешить путь, потому что при импорте стилей по какой-то причине он не может найти изображение в своем подмодуле, поэтому другой вариант - сделать его относительным и позволить ему найти его:

.background {
   background: url('./img/image.svg');
}

Но я не могу решить эту проблему с помощью конфигурации веб-пакета. Я пробовал это, потому что у меня есть подмодуль, содержащий изображения (а также стили). Намерение состоит в том, чтобы использовать для разработки небольшой концепции другого приложения.

Но я не могу понять, как сопоставить пути к изображениям, и я бы не хотел разрешать все пути к изображениям из исходного проекта, если я могу этого избежать.

Это не дает никаких ошибок, но просто не разрешает путь '/img/image.svg'.

Я пробовал несколько решений, все безуспешно. Итак, я хотел бы знать, есть ли какая-то идея или решение, которое мне не хватает.