How to inline base64 images?

[eshion]

How to inline base64 image string instead of image url path? can file-loader be replaced by url-loader?
https://github.com/webpack/url-loader

[deusdeorum0]

+1 i need that too

[skozin]

@eshion, @deusdeorum0, you can try this construction in any file that is processed by webpack-path-rewriter:

[[ INLINE(asset-path) ]]

It will insert asset's content instead of the path. It's not in the docs yet, unfortunately. Here is the commit that implemented it: 02ffc32.

[skozin]

However, it won't convert the content to base64, so the image already needs to be base64-encoded. But I can add base64 encoding support if you really need it. Something like this:

[[ INLINE_BASE64(asset-path) ]]

[eshion]

It complain：ERROR in assets/index.html: could not resolve path "INLINE(./images/hi.png)"

[skozin]

@eshion, are you using the latest version from NPM (1.1.3)? I'll try to reproduce your setup as soon as I get some spare time.