Файл режима в Vite
Файл режима называется по имени режима и подставляет свои значения.
Для режима
staging
в корне проекта
кладут файл
.env.staging.
Имя после второй точки
совпадает с тем,
что передают флагом
--mode.
Запишем переменную
с префиксом
VITE_:
VITE_TITLE=hello
В модуле прочитаем поле из окружения и выведем его на страницу:
document.body.textContent = import.meta.env.VITE_TITLE;
Поднимем сервер разработки
с режимом
staging,
чтобы Vite подхватил
.env.staging:
npx vite --mode staging
Откроем страницу
и увидим слово
hello.
Если запустить сервер
без флага
--mode,
файл
.env.staging
не подключится,
и переменная
на странице
останется пустой.
Имя файла
и имя режима
должны совпадать.
Создайте .env.preview с переменной VITE_CAPTION и значением ready, выведите её из src/main.js на страницу при режиме preview.
Запустите сервер разработки в режиме development и убедитесь, что текст из VITE_CAPTION на странице не появляется.
