08 | Кастомный Vite плагин. Как удобно подключать Less стили

Ссылка на репозиторий: https://github.com/vvlstl/start-vue В этом видео я показываю, как написать кастомный плагин для Vite, который расширяет работу с импортами в Less. Проблема простая и очень типичная: когда в проекте много стилей, файл styles.less быстро превращается в длинный список однотипных @import. Поддерживать такое неудобно, а Less из коробки не умеет работать с wildcard-импортами. В этом видео мы: создадим собственный Vite-плагин, разберём, как работает плагинная система Vite, используем хук load для перехвата файлов, научимся читать и изменять содержимое .less файлов на лету, подключим fast-glob, чтобы находить файлы по шаблонам, и превратим один wildcard-импорт в набор обычных @import. Отдельно разберём: зачем нужен enforce: 'pre', как фильтровать ненужные файлы, почему Vite принимает возвращённую строку как виртуальное содержимое файла, и как таким способом можно расширять возможности сборщика без костылей. В итоге получаем удобный и масштабируемый способ подключения стилей: разработчику — чистая структура и короткие импорты, сборщику — понятные и развёрнутые @import, с которыми он умеет работать. Это видео про практическое расширение Vite и решение реальной проблемы в большом проекте. ========================== СберЧаевые: https://pay.mysbertips.ru/68417675 ЮMoney https://yoomoney.ru/to/4100119344119969