<b>Vite быстро собирает не магией, а за счёт 4 решений, которые легко испортить</b>

<b>Vite быстро собирает не магией, а за счёт 4 решений, которые легко испортить</b>

Vite даёт скорость не только из-за dev-сервера. В реальном проекте важнее, как вы настраиваете входы, алиасы и зависимости. Если там бардак — быстрый тул становится обычным.

— Держите <code>src</code> и публичные ассеты отдельно. Когда импорты начинают ходить «через всё подряд», растёт время на сборку и количество странных багов.
— Не тащите в браузер лишнее из <code>node_modules</code>. Для тяжёлых пакетов проверяйте, не ломают ли они оптимизацию зависимостей и не уводят ли сборку в долгий fallback.
— Алиасы должны быть короткими и одинаковыми в <code>tsconfig</code> и <code>vite.config</code>. Несовпадение здесь обычно вылезает не сразу, а в самый неудобный момент.
— Если у вас монорепа, следите за границами пакетов. Локальные импорты из соседних папок часто выглядят удобно, но потом мешают кешированию и перезапуску сборки.

Ещё одна частая ошибка — ждать от Vite, что он «сам всё ускорит». Он ускоряет только там, где проект не заставляет его каждый раз пересобирать лишнее.

Проверяйте не только bundle size, но и путь, который проходит модуль до браузера. Это быстрее выявляет узкие места, чем бессмысленно крутить настройки вслепую.