Webpacker не может разрешить пути к изображениям в CSS

Question

В проекте Rails я добавил Webpacker и модуль узла fancybox.

Файл css модуля fancybox содержит ссылки на изображения, например "../img/blank.gif"

После импорта файла CSS модулей в мой пакет я теперь вижу ошибку: "Сборка модуля не удалась: ModuleNotFoundError: Модуль не найден: Ошибка: Не удается разрешить '../img/blank.gif' в .... «

Какие изменения нужно внести в веб-упаковщик для разрешения этих путей к изображениям?

config / webpack / environment.js для справки:

const { environment } = require('@rails/webpacker')
const webpack = require('webpack')

// Add an additional plugin of your choosing : ProvidePlugin
environment.plugins.prepend(
  'Provide',
  new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery',
    jquery: 'jquery',
    'window.jQuery': 'jquery',
    'window.Tether': 'tether',
    Popper: ['popper.js', 'default'],
  })
)
// yarn add expose-loader -D
environment.loaders.append('expose',{
  test: require.resolve('jquery'),
  use: [{
    loader: 'expose-loader',
    options: '$',
  },
  {
    loader: 'expose-loader',
    options: 'jquery',
  }],
})

module.exports = environment

Answer 1

Проблема была решена путем удаления fancybox 2 и добавления fancybox 3 (версия, которую я на самом деле хотел)

yarn remove fancybox
yarn add @fancyapps/fancybox

Кредит на этот ответ: Как использовать fancybox с веб-пакетом?