Как понять, почему webpack работает медленно
Сэм Сакконе из Google написал статью про профилирование webpack-сборки — "Why is my webpack build slow?"
В статье описывается три подхода к профилированию сборки:
- Использование webpack-плагина
ProfilingPlugin - Использование встроенных в node.js средств профилировки
- Использование профилировщика Chrome Dev Tools
Первый вариант с плагином самый простой, но он добавляет дополнительный оверхед, который может повлиять на итоговые результаты. С помощью второго подхода можно посмотреть всё как есть без оверхеда, но отчёт с результатом получается очень ограниченным. В третьем варианте кроме нагрузки на CPU вы можете получить данные по аллокациям памяти, но при работе со сложными сборками может крешнуться вкладка с профилировщиком.
Статью точно стоит почитать, если вы используете webpack и хотите выяснить, что негативнее всего влияет на сборку проекта.
https://samsaccone.com/posts/why-is-my-webpack-build-slow.html