Usar variables de entorno secretas con angular 4+ y nodejs

Tengo una aplicación Angular 4 con un back-end de nodo. Estoy usando inicios de session sociales como Facebook y LinkedIn, que requiere el package angular2-social-logins npm. Para usar este package, debo usar mis ID de cliente en el module de mi aplicación. ¿Cómo puede mantener estas variables en secreto y no presionar el código al presionar a GitHub?

Aquí está mi app.module

let providers = { "google": { "clientId": environment.providers.google.clientId }, "linkedin": { "clientId": environment.providers.linkedin.clientId }, "facebook": { "clientId": environment.providers.facebook.clientId, "apiVersion": environment.providers.facebook.apiVersion } }; @NgModule({ declarations: [ AppComponent, LandingPageComponent, NavComponent, FooterComponent ], imports: [ BrowserModule, FormsModule, HttpClientModule, FacebookModule.forRoot(), AppRoutingModule, Angular2SocialLoginModule ], providers: [ UserService, UiService, ], bootstrap: [AppComponent] }) export class AppModule {} Angular2SocialLoginModule.loadProvidersScripts(providers); 

Los clientes están actualmente almacenados en environment / environment.ts.

No quiero que estos se vean cuando presiono a Github.

Siempre puede agregar los files de su entorno a un file .gitignore para que no sean enviados a git. https://help.github.com/articles/ignoring-files/