Введение в плагины в Vite

Свой плагин - объект в поле plugins, и он вмешивается в модуль или в страницу.

Настройку по-прежнему экспортируют через defineConfig из пакета vite. Массив plugins лежит рядом с полями сервера и сборки. Каждый элемент массива - обычный объект JavaScript с полем name и одной или несколькими функциями-хуками. Vite вызывает их в нужный момент, когда готовит модуль для браузера или собирает ответ для index.html.

Хук получает текст, который Vite уже прочитал с диска, и может вернуть новую строку. Браузер видит результат хука, а не исходную запись в файле. Так меняют фрагмент модуля или разметку страницы без правки исходника на диске.

Несколько плагинов часто стоят в одном массиве. Порядок элементов важен для одного и того же хука: следующий получает текст после правок предыдущего. После изменения vite.config.js сервер разработки обычно перезапускают, чтобы новые хуки точно подключились.

Свой плагин не заменяет настройку порта и не выполняет сборку за Vite. Он добавляет шаг между чтением файла и ответом браузеру. Тот же приём работает и при команде vite с подкомандой build: модули и html проходят через те же хуки, только результат попадает в папку сборки, а не в сеть разработки.