Using src=require() doesnt work

[Matthew]

Just creating a new issue since this problem still exists but issue #6 is closed for some reason, and marked as duplicate though I cant see any other issues that it would be a duplicate of.

You should be able to do img(src=require('./path/to/file')) in your pug templates and have the require()d asset be run through webpacks loaders as expected

[Will Medina]

Hi @matthewjumpsoffbuildings have you tried using it with html-loader? just like https://github.com/willyelm/pug-html-loader#using-it-with-html-loader

[mahpah]

come here from #6 . You can omit the 'require' part. I'm using img(src="~images/abc") and webpack will try to resolve from root, if you config webpack resolve like this.

{
  resolve: {
    modules: [
      'node_modules',
      'src', // <-- your images folder contained here
    ]
  }
}

Goodluck

[Alex RC]

Hello! I'm awfully sorry to be reopening something so old, but I was just wondering:

I've gotten the img(src="~images/blah.jpg") method working, but my particular use case actually needs to trigger file-loader on a background image referenced inside of inline css, like this:

.banner-slide(style='background-image: url("~images/heroes/boots.webp");')

Is something like that possible/configurable? (At the moment it looks like it's not.) Thank you!!