images processing about es6-webpack2-starter HOT 6 CLOSED

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=""/>

from es6-webpack2-starter.

Thanks! 👍

from es6-webpack2-starter.

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

from es6-webpack2-starter.

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.

from es6-webpack2-starter.

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

from es6-webpack2-starter.

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

from es6-webpack2-starter.