Режим в Vite
Режим читают через import.meta.env, и в разработке он отличается от сборки.
Объект import.meta.env
Vite дополняет служебными полями.
Поле MODE
хранит имя текущего режима
как строку.
Пока работает сервер разработки,
там будет
development,
а в файлах после
vite
с подкомандой build
подставится
production.
Выведем режим в точке входа:
document.body.textContent = import.meta.env.MODE;
Запустим сервер разработки
и откроем страницу
http://localhost:5173.
На экране должна появиться строка
development.
Остановим сервер,
если он занимает терминал,
и соберём проект.
Затем откроем собранный скрипт
в dist
или запустим просмотр сборки
и снова посмотрим текст на странице:
npm run build
В итоговом JavaScript
значение MODE
уже зашито как
production -
это видно и на странице
при просмотре dist.
Менять режим вручную
в этом уроке не нужно:
его выбирает сама команда
разработки или сборки.
Выведите import.meta.env.MODE из src/main.js на страницу и запишите строку, которую показывает сервер разработки.
Соберите проект и проверьте, какое значение MODE оказывается на странице после сборки.
