Свой режим в Vite
Свой режим задают флагом запуска, и имя режима не совпадает с development и production.
У команды
vite
есть флаг
--mode.
После него пишут имя режима
одним словом,
например
staging.
Тогда в
import.meta.env.MODE
окажется именно
staging,
а не
development
и не
production.
Флаг работает
и при сервере разработки,
и при сборке,
если его добавить
к той же команде.
В точке входа выведем текущий режим на страницу:
document.body.textContent = import.meta.env.MODE;
Запустим сервер разработки
с именем режима
staging:
npx vite --mode staging
Откроем страницу
по адресу из терминала.
На экране должна появиться строка
staging.
Остановим сервер
и выполним сборку
с тем же именем режима:
npx vite build --mode staging
В собранном JavaScript
значение
MODE
уже зашито как
staging.
Откроем результат
из
dist
или через просмотр сборки
и снова посмотрим текст
на странице.
Задайте имя режима preview при запуске сервера разработки и запишите строку, которую показывает import.meta.env.MODE на странице.
Соберите проект с тем же именем режима и сравните текст на странице после сборки с тем, что было при разработке.
