Cómo simplificar y organizar imports en TypeScript

A veces me encuentro con una lista larga de imports con archivos que vienen del mismo lugar. Esto genera ruido en el código y lo hace más largo de lo necesario, algo como esto:

import { BeersService } from './services/beers.service';
import { WhiskyService } from './services/whiski.service';
import { WineService } from './services/wine.service';

Podemos simplificarlo exponiendo todos los archivos desde un único archivo que apunte a cada uno de ellos.

Crea un archivo drinks.ts dentro del directorio services y exporta todos los servicios:

export * from './beers.service';
export * from './whiski.service';
export * from './wine.service';

Ahora podemos actualizar nuestros archivos con la nueva ruta:

import { BeersService, WhiskyService, WineService } from './services/drinks';

Gracias a @lissetteibnz: si renombras el archivo de drinks.ts a index.ts, JavaScript interpreta el archivo index como el punto de entrada del directorio, por lo que funciona usando únicamente el nombre de la carpeta.

import { BeersService, WhiskyService, WineService } from './services';

El código queda mucho más limpio y fácil de leer, ya que todo proviene del mismo lugar.

Foto de Marcin Jozwiak en Unsplash