These are some things to be aware of when using this boilerplate.
If you specify your images in the .html
files using the <img>
tag, everything
will work fine. The problem comes up if you try to include images using anything
except that tag, like meta tags:
<meta property="og:image" content="img/yourimg.png" />
The webpack html-loader
does not recognise this as an image file and will not
transfer the image to the build folder. To get webpack to transfer them, you
have to import them with the file loader in your JavaScript somewhere, e.g.:
import 'file?name=[name].[ext]!../img/yourimg.png';
Then webpack will correctly transfer the image to the build folder.