Всем привет!
Очень нужна помощь!
У меня такая проблема, что плагин для конвертации картинок в webp запускается при любом изменении, и каждый раз приходится ждать 45-79 секунд на обновление.
Кто знает какие-то решения?

конветировать картинки только при прод сборке

Думал, не выход

Я использую так picture и если картинки будут отсутствовать в дев сборке будет повсюду не существующая картинка. Ну типа тег с картинкой есть, а картинки нету

тэг picture как раз тем и прекрасен что вы можете указать несколько источников для картинки. Вам в любом случае это надо сделать т.к. webp не везде поддерживается

Но почему тогда иконка стоит,

наверное вы указали только один source

Да, а после вставил IMG

B самом picture

видимо вы что-то не так настроили лоадер, у вас в блиде должны быть и webp и png/jpg картинки

а в дев билде - только png/jpg (т.е. будет фолбечится на img)

Спасибо

Пойду разбираться, немного перепишу функционал

Всем привет, помогите с ошибкой. Все запускалось без проблем, сегодня вот так

Кек а чего у вас два package.json в одном проекте на разных уровнях вложенности

В том что наверху видимо нет никакого start

После ошибки я зачем то вводил npm init, он и создался. До этого также не запускалось ничего

Ку, кто-то может обьяснить зачем нужен optimization.runtimeChunk?  что он улучшает?

Когда мы меняем код в main, меняется его контент и хэш, а значит, в app меняется и ссылка на него. Сам app тоже поменяется и его нужно перезагрузить. Решение этой проблемы — разделить app.js на два чанка: код приложения и webpack runtime и ссылки на асинхронные чанки. Webpack 4 делает все за нас одной опцией runtimeChunk, которая весит очень мало — меньше 2 Кбайта в gzip. Перезагрузить его для пользователя — практически ничего не стоит. RuntimeChunk включается всего одной опцией:

optimization: {
   runtimeChunk: true
}

Каманду npm start надо запускать в той же директории где лежит package.json с скриптом start