Tengo un archivoServices.js en el que estoy tratando de cargar todos mis servicios individuales. Estos están expuestos como singletons.

Services.js

var Services = { };

export default Services;

Entonces quiero que el Servicio de muestra esté anidado en Servicios, para poder invocar, por ejemplo,Services.Sample.Operation()

`SampleService.js '

import Services from './Services';

Services.Sample = {

    Operation: function() {
        alert('operation!') 
    }
};

export default Services.Sample;

Luego, trato de importar:

import Services from './services/Services';
import SampleService from './services/SampleService';

alert(Services);         // yields '[object object]'
alert(SampleService);    // yields '[object object]'
alert(Services.Sample);  // yields 'undefined' <--- This is the one I actually want to use

¿Cómo puedo obtenerlo para poder referirme a Services.Sample en lugar de Tan SampleService? ¿Cómo puedo hacer que SampleService se anide en Servicios?