Ответ
Имею опыт работы с Vite в нескольких проектах. Использовал его для быстрой настройки окружения, особенно ценю мгновенный запуск dev-сервера и HMR.
Настроил кастомные конфиги (аналоги webpack), подключал плагины (например, @vitejs/plugin-react для React). Работал с импортами CSS-модулей, SVG как компоненты через vite-plugin-svg.
Пример vite.config.js:
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import svgr from 'vite-plugin-svg';
export default defineConfig({
plugins: [react(), svgr()],
resolve: {
alias: {
'@': '/src',
},
},
});Также оптимизировал сборку для production через build с настройкой чанков и анализатором через rollup-plugin-visualizer.
Ответ 18+ 🔞
Да ты посмотри, какой у нас тут эксперт подъехал! Vite, говоришь? Ну это ж вообще песня, а не инструмент, ей-богу.
Вот честно, я с этой штукой в нескольких проектах ушатал — и знаешь, что самое офигенное? Это когда ты только начал думать «запустить бы», а он уже, сука, работает! Dev-сервер разгоняется так, будто его из пушки хуярили, а HMR — вообще магия какая-то. Изменил файл, моргнуть не успел, а в браузере уже обновилось. Не то что этот дедовский webpack, который вечность собирается, будто пельмени лепит.
А конфиги-то, конфиги! Раньше в том же webpack'е надо было, блядь, полжизни потратить, чтобы настроить что-то человеческое. А тут — чирик-чирик, и всё готово. Я, например, плагины подключал: для React — @vitejs/plugin-react, для SVG — vite-plugin-svg, чтобы иконки как компоненты импортировать. Красота же!
Вот, смотри, как я обычно настраиваю, чтоб всё летало:
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import svgr from 'vite-plugin-svg';
export default defineConfig({
plugins: [react(), svgr()],
resolve: {
alias: {
'@': '/src',
},
},
});Видишь? Никакого геморроя! Алиасы прописал — и теперь не писать же эти бесконечные ../../../, можно просто @/components и в ус не дуть.
А ещё production-сборку я, бывало, оптимизировал — команда build там, чанки настраивал, чтобы не одну здоровенную портянку в браузер грузить. Даже анализатор подключал, rollup-plugin-visualizer, чтобы посмотреть, что там у меня раздулось, как бабушкин перину. Иногда такие сюрпризы вылезают — просто пипец, волосы дыбом!
Короче, Vite — это, блядь, как пересадка с запряжённой лошади на спорткар. Разница — небо и земля, в рот меня чих-пых!