Как добавить ключ в файл .env в Vite: несколько методов с примерами кода

Чтобы добавить ключ в файл.env в Vite, вы можете использовать несколько методов. Вот несколько примеров кода:

Метод 1: использование точечной записи

  1. Откройте файл.env.
  2. Добавьте новую строку с парой ключ-значение, используя синтаксис KEY=VALUE.
    API_KEY=your_api_key

Метод 2: использование import.meta.env

  1. Создайте новый файл с именем env.jsв корне вашего проекта.
  2. В файл env.jsдобавьте следующий код:
    export const API_KEY = import.meta.env.VITE_API_KEY;
  3. Откройте файл.env.
  4. Добавьте новую строку с парой ключ-значение, используя синтаксис VITE_KEY=VALUE.
    VITE_API_KEY=your_api_key
  5. В свой код импортируйте API_KEYиз env.js, чтобы получить доступ к значению.
    import { API_KEY } from './env.js';
    console.log(API_KEY); // Output: your_api_key

Метод 3: использование пакета dotenv

  1. Установите пакет dotenvв свой проект.
    npm install dotenv
  2. Создайте новый файл с именем dotenv.jsв корне вашего проекта.
  3. В файле dotenv.jsдобавьте следующий код:
    require('dotenv').config();
  4. Откройте файл.env.
  5. Добавьте новую строку с парой ключ-значение.
    API_KEY=your_api_key
  6. Импортируйте в свой код файл dotenv.js, чтобы загрузить переменные среды.
    import './dotenv.js';
    console.log(process.env.API_KEY); // Output: your_api_key