Я создаю приложение React / TypeScript с помощью Create React App и собираюсь включить конфигурацию для конкретной среды безопасным способом.Предостережение, я действительно предпочел бы не eject
приложение.
В идеале я хотел бы иметь набор файлов local.ts
, dev.ts
, prod.ts
и т. Д. Каждый файл будет экспортировать объекттого же типа, что-то вроде следующего:
interface EnvConfig {
key: string
// ...
}
export const config: EnvConfig = {
key: 'value',
// ...
}
Затем в моем приложении я хотел бы импортировать соответствующую конфигурацию в зависимости от среды.Что-то вроде:
// This is bundling BOTH prod and local configs and running logic client side!
if (process.env.NODE_ENV === 'production') {
return require('./prod')
} else {
return require('./local')
}
Я пробовал это, и это вроде работает, но если вы посмотрите на пакет-реагирующих сценариев, он включает ВСЕ объекты конфигурации и работаетлогика на клиенте, чтобы определить, какой из них обслуживать.Я не хочу отправлять ВСЕ мои конфиги, только соответствующий конфиг для сборки.
Есть ли способ сделать это без удаления приложения?