Крупный гайд по Webpack
webpack — это сборщик модулей JavaScript с открытым исходным кодом. Он создан в первую очередь для JavaScript, но может преобразовывать внешние ресурсы, такие как HTML, CSS и изображения, если включены соответствующие загрузчики. webpack принимает модули с зависимостями и генерирует статические ресурсы, представляющие эти модули.
Так-то сейчас тренд на отказ от Webpack пошёл. В частности, для React, Vue, Svelte можно использовать Vite, основанный на Rollup. Он работает в несколько раз быстрее, чем Webpack, хотя, конечно же, такой тонкой настройки не позволяет. Но многим она и не нужна.
Не такой и быстрый😊 На крупных проектах Webpack как-то обгоняет Vite практически везде
https://storybook.js.org/blog/storybook-performance-from-webpack-to-vite/
Для React - да, там подойдет. Но, для React и бойлерплейты огромные, вам считайте уже готовые конфиги дают. Webpack же существует для того, когда нужна гибкая конфигурация