mirror of
https://github.com/strapi/strapi.git
synced 2025-08-10 09:47:46 +00:00
24 lines
750 B
Markdown
24 lines
750 B
Markdown
|
# 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:
|
||
|
|
|
||
|
|
```HTML
|
||
|
|
<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.:
|
||
|
|
|
||
|
|
```JavaScript
|
||
|
|
import 'file?name=[name].[ext]!../img/yourimg.png';
|
||
|
|
```
|
||
|
|
|
||
|
|
Then webpack will correctly transfer the image to the build folder.
|