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

Dan спросил: 07 октября 2018 в 11:15 в: ruby-on-rails

В проекте 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

0 ответов