Как при сборке с помощью webpack преобразовать в содержимое тега img в base64?

Question

[taki154]

Добрый день!
При знакомстве с webpack столкнулся с тем, что никак не могу победить не самую сложную, как мне кажется задачу - взять из html-файлика изображение с src="...image.png" и преобразовать его в выходном файле в картинку с base64.
Очень смутно представляю в каком направлении двигаться, буду признателен любым подсказкам.

Answer 1

[Максим]

Все что нужно для движения, это все, что хотим пропустить через webpack делать с помощью import / require.
<img src={require('path/to/img.jpg')} />

Почитать остальное можно здесь (EN). Там заодно пример и css.

Comments

[taki154]

попробовал, но при сборке игнорируется такая конструкция :(

[Максим]

taki154, а изначально-то откуда ноги растут? из js файла? или это html файлик вы пытаетесь в webpack скормить? До версии 4 вэбпак не умеет html как точку входа брать, а в 4й он еще тоже не умеет, но уже обещают. То есть, все через js файлы.

[taki154]

Максим, wempack 3.4.1, entry point из js