Not clear how to include images in my application

This is probably an RTM moment for me with Electron in general, but it’s not obvious how to set this up so that images can be included in the stylesheets (via background-image) or via img tags in the react markup: trying to link to an image throws a missing loader error because the url is parsed as a require. How could I go about getting images to show up in a project based on this boilerplate? Thanks,

[kadamwhite]

@amilajack Apologies, I shouldn’t have brought up the loaders at all because my question was not CSS-specific; I can figure out how to work around the loaders on my own. My question is, where I would put an image asset within the boilerplate so that it could be loaded through a regular image tag. I’m confused about how Electron actually locates static assets, should I want to load a resource as a normal img tag src as opposed to through part of the webpack bundle.

For a more concrete question, where would I put an image file and how would I formulate my src attribute such that adding an img tag to the Counter component would display that image?

Thank you for any assistance you might be able to offer!

[johnryan]

@amilajack figured out the issue, the css is using a relative path to the file while the img tag is looking in the top level img folder.

if anyone else has this problem i had to do:

import my_image from './img/my_image.png'; //relative path to image
<img src={my_image} />