Файл режима в Vite
Файл режима подставляет разные значения для разработки и для сборки.
Имя файла совпадает с режимом:
при сервере разработки
читают
.env.development,
при сборке -
.env.production.
Зададим одну переменную
VITE_TITLE
в обоих файлах
разными словами:
VITE_TITLE=hello
Для сборки положим другое значение того же имени:
VITE_TITLE=ready
В точке входа выведем заголовок из окружения:
document.body.textContent = import.meta.env.VITE_TITLE;
Запустим сервер разработки
и откроем страницу:
на экране будет
hello.
Остановим сервер,
выполним сборку
и откроем результат
из dist
или через просмотр сборки -
там появится
ready.
Одно имя в коде,
два файла режима
и две команды в терминале
дают разный текст
без правок
src/main.js.
Создайте .env.development и .env.production с VITE_GREETING: hello в первом файле и ready во втором, выведите переменную на страницу.
Сравните текст на странице при работе сервера разработки и после сборки проекта.
