Как определить проблемы с кэшированием в Webpack?

Несколько способов определить проблемы с кэшированием в Webpack:

• Измерить скорость сборки. webpack-kobezzza.ru Для этого можно использовать, например, webpack-progress-plugin. webpack-kobezzza.ru Плагин позволяет видеть процесс сборки при внесении изменений. webpack-kobezzza.ru Чтобы подробнее понять, сколько времени занимает каждый шаг сборки, можно воспользоваться Speed Measure Plugin. webpack-kobezzza.ru
• Проверить, есть ли опция кэширования у используемого лоадера или плагина. webpack-kobezzza.ru Например, у babel-loader есть собственный кэш, который включается опцией cacheDirectory в конфиге самого лоадера. webpack-kobezzza.ru
• Отслеживать метрики. rechecker.ru К ним относятся время сборки, размер бандлов, количество модулей, время загрузки и кэш-эффективность. rechecker.ru
• Сбрасывать кеш при изменениях конфигурации сборки. habr.com Использование старого кеша в таких случаях вредно и может привести к возникновению ошибок неизвестной природы. habr.com
• Использовать npm-скрипты, которые очищают кеш при добавлении, обновлении или удалении зависимостей. habr.com Также может помочь nodemon, настроенный на очистку кеша, и рестарт webpack-dev-server при обнаружении изменений в конфигурационных файлах. habr.com