Делаю небольшое веб-приложение для организации на React, в роли сборщика Vite. Работать будет в браузере.
Есть задача сделать в уже собранном проекте возможность задавать конфигурацию. Что-то типа файла settings.js в корне проекта, в котором прописаны какие-то пути или настройки. Это нужно, например, чтобы отдать собранный проект админу организации, а он, в зависимости от локальных настроек, заполнил конфигурационный файл необходимыми данными. Или, чтобы можно было, не меняя исходники, отдать проект в другую организацию с той же структурой, и там человек вёл бы уже свои данные... Что-то вроде:
// файл settings.js
export const settings = {
backendUrl: 'http://192.168.0.1/backend.php',
socketUrl: '192.168.0.1:3000',
};
// Где-то внутри проекта за рамками settings.js
import { settings } from './settings.js';
/*
Манипуляции с данными...
*/
Соответственно, проект должен брать настройки из этого файла и использовать их динамически. (То есть, меняется конфиг - меняется поведение проекта).
Можно ли что-то подобное сделать на Vite + React?
