Skip to content

Latest commit

 

History

History
23 lines (16 loc) · 750 Bytes

gotchas.md

File metadata and controls

23 lines (16 loc) · 750 Bytes

Gotchas

These are some things to be aware of when using this boilerplate.

Special images in HTML files

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.