README_NEW.md

1. На вход конфиг брейкпоинтов: [ { name: 'mobile.all', maxWidth: 767 }, { name: 'tablet.all', minWidth: 768, maxWidth: 1280 }, { name: 'desktop.all', minWidth: 1280 } ]
2. На вход папки с картинками: myImage/ <- имя картинки desktop.all.png <-| mobile.all.png <-| различные варианты картинки по брейкпоинтам tablet.all.png <-|
3. Импорт через require.context('./myImage') и функцию-хелпер/компонент
4. Во время импорта все ссылки на изображения imgproxy собираем в один json

Проблемы:

1. Разработка на локалхосте, запускать докер или делать bypass всей этой логики?
2. Порядок source в picture, первый подошедший используется
3. Picture компонент можно удалить в пользу обобщения
4. Объединить Picture компоненты новые и старые
5. Собирать статистику какие картинки запрашиваются
6. Собирать все урлы и потом по ним проходить после сборки стенда
7. Поправить file-loader

Идеи:

1. Загружать picture тег асинхронно, например, как кусок html img src='csssr.com/getimage/myimagename' server.use('/getimage/:imagename', () => {})

Порядок в srcSet не имеет значения Порядок в source имеет значение, первое подошедшее правило срабатывает IMGPROXY_MAX_SRC_RESOLUTION=20

Ожидается file-loader перед этим лоадером

Можно потом вынести imgproxy в options loader'а