Динамически загружать нужные изображения в pug + webpack - PullRequest
Новая
       36

Динамически загружать нужные изображения в pug + webpack

0 голосов
/ 22 октября 2019

У меня есть pug mixin для просмотра блока. Добавляя отзыв, я передаю, какое изображение я хочу использовать в качестве аватара профиля, и поэтому мне нужно загрузить его на лету. Упростим код до простой загрузки изображения. 

mixin image({src=""} = {})
  .image
    - var imageSRC = "./images/" + src + ".jpg";
    img(src=require(imageSRC))

Проблема в том, что я должен использовать относительный путь в функции require, потому что mixin можно использовать не на одной странице.

Я прочиталДокументация pug, так что я понимаю, что есть проблема с wepback, потому что он ищет в папке dist (где весь проект находится в комплекте). Поэтому я должен установить что-то в конфигурации веб-пакета. В настоящее время я загружаю pug просто с помощью pug-loader. 

module: {
  rules: [
  ...
  {
    test: /\.pug$/,
    loader: "pug-loader"
  }
  ...
  ]
}

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

...