Webpack — это традиционный бандлер, который собирает все модули в один или несколько файлов. Мощный, гибкий, но медленный на больших проектах — пересобирает весь граф зависимостей. Vite использует нативные ES-модули в dev-режиме (браузер сам разрешает импорты) и собирает через esbuild/Rollup для прода. Dev-сервер Vite стартует мгновенно и HMR работает за миллисекунды независимо от размера проекта. Vite сейчас стандарт для новых проектов, Webpack — легаси, которое всё ещё живёт в крупных продах.

Webpack vs Vite?