Подключить inline background webpack?

Question

[ralo]

Есть такой див с инлайн стилем бэкграунда! как его подключить чтобы вебпак его увидел!

<div style="background-image: url('./img/somthing-image.jpg') "></div>

вот такой код у меня работает и включет в сборку это изображение
но мне нужно именно инлайн
img(src=require("../img/somthing-image.jpg"))

Answer 1

[Полина]

Для этого нужно задавать урл следующим образом:

<div class="news-img" style="background-image: url('${require(`../../../../common/source/img/temp/news-single.jpg`)}')"></div>

При этом в конфиге вебпака использовать флаг interpolate:

{
  test: /\.html$/,
  use: ['html-loader?interpolate']
},

Решение со стэковерфлоу https://stackoverflow.com/questions/44096749/webpa... Я искренне думала, что у меня оно не работает, оказывается, нужно было перезапустить вотчер и дев сервер.