Enable inline background webpack?

Question

JavaScript

There is such a div with an inline background style! how to connect it so that webpack can see it!

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

this code works for me and will include this image in the assembly,
but I need it inline
img(src=require("../img/somthing-image.jpg"))

Answer 1

Parse and send JSON - this will be the right option. Example :

var array = [1, 2, 3];

localStorage.setItem("array", JSON.stringify(array));
array = JSON.parse(localStorage.getItem("array"));


console.log(typeof array); //object
console.log(array); //[1, 2, 3]

Answer 2

To do this, you need to set the url as follows:
At the same time, use the interpolate flag in the webpack config:

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

Stackoverflow solution https://stackoverflow.com/questions/44096749/webpa... I sincerely thought that it didn't work for me, it turns out I had to restart watcher and dev server.