Получите доступ к одной из версий изображения на webpack 4 из стилей

Question

Вот мой репозиторий: Github Папка src состоит из исходных картинок: jpg, png.С помощью multi-loader и fileloader преобразуйте эти изображения в версию webp и одновременно сохраните оригинал.То есть вывод такой же (jpg или png) + webp.Правило, описывающее этот процесс:

{
        test: /\.(jpe?g|png)$/i,
        loader: multi(
          'file-loader?name=[name]_[hash:7].webp!webp-loader?{quality: 95}',
          'file-loader?name=[name]_[hash:7].[ext]'
        )
      }

В мои файлы sass (стилей) я загружаю свои простые (не мульти) ресурсы, такие как:

src: url('fonts/GothaProLig.otf')

В мой мопс (html)файлы, которые я загружаю в свои мультиресурсы, например:

picture
  source(type='image/webp', srcset=require('!!file-loader?name=[name]_[hash:7].webp!./img/as.jpg'))
  img(src=require('!!file-loader?name=[name]_[hash:7].[ext]!./img/as.jpg'))

И это работает для меня.Я получаю свои webp и jpg (обе) версии в моей окончательной гипертекстовой разметке, например:

<picture>
   <source type='image/webp', srcset='img/as-4538ik.webp'>
   <img src='img/as-4538ik.jpg'>
</picture>

Теперь я хочу загрузить мою версию webp из файла стилей, например:

src: url('!!file-loader?name=[name]_[hash:7].webp!./img/as.jpg')

Как вы могли догадаться - это не работает.Итак, как мне получить одну версию, которую я хочу внутри моей таблицы стилей?