Quiero desarrollar una aplicación de reacción js que tenga un código de plataforma específico (Electron, Browser, Ionic).

Primero creé una biblioteca que envuelve la API específica de la plataforma en una interfaz como el almacenamiento, por ejemplo. Creé una interfaz de almacenamiento y una clase de almacenamiento que implementa la interfaz de almacenamiento, luego tengo la clase StorageElectron que hereda la clase de almacenamiento , lo mismo ocurre con BrowserStorage e IonicStorage . Ahora, en mi aplicación de reacción, acabo de iniciar el Servicio, pero quiero cambiarlo en el momento de la compilación.

Digamos que tengo esta línea de código let storageService: StorageInterface = new Storage() . Cuando ingreso npm build electron , se compila con la clase StorageElectron y cuando ingreso npm build web , se compila con la clase StorageWeb en lugar de StorageElectron . La clase Storage es solo para la norma OOP, solo tiene los encabezados de los métodos pero no implementa las funcionalidades.

No sé si es posible así.

Lo que pensaba hasta ahora:

1- Crea un Webpackloader o un precompilador que cambie algunas líneas de código en algunos archivos.

2- Crea un precompilador usando decoradores TypeScript.

3- Cree un script simple que cambie los archivos que contienen estas llamadas antes de que reaccionen.

Solo quiero saber si hay una herramienta o una biblioteca capaz de hacer eso.