images processing

[Hazantip]

As you see, each image that i want to use i should require, but how to work with images with more comfortable way(without need to require each one)?

[micooz]

With 30a21ab you can put your images to static/path/to/your/*.png, then access them directly from src without require:

<img src="/path/to/your/about.png" alt=""/>

[Hazantip]

Thanks! 👍

[Hazantip]

There is a one thing that doesn't work:

background: url('/assets/images/discretion.png') center center / cover no-repeat;
<img src="/assets/images/dunk.jpg" alt="">

this works good for development, but doesn't for build;
build requires to have source like:
<img src="assets/images/dunk.jpg" alt=""> - without '/' at the beginning

[micooz]

How did you serve dist in production?

It should be worked if you serve them on a server not file:// I guess.

---

For example:

$ npm i -g http-server
$ http-server dist/

Then open http://localhost:8080.

[Hazantip]

You're right. On a server it works fine, but locally(file://) isn't possible?

[micooz]

Generally speaking, file:// is rarely used in practice. You should always running a server rather than double-click index.html.