Read values from environment variable Angular 4

Question

I am trying to read the environment variable property using

process.env['KEY_TO_READ']

This KEY_TO_READ i am setting up in the environment variable. But, its not taking up at compile time only i am getting the below error:

Cannot find name 'process'.

Somewhere i read like in angular app we cannot use process because it will be defined at runtime. Is it correct ? If yes then can anyone suggest how i can achieve this . I don't want to use angular-cli environment file options.

Answer 1

You ll have your environment file as,

environment.ts:

export const environment = {  
  production: false,
  envName: 'dev',
  KEY_TO_READ: 'test'
};

It is exported so you can import it:

import { environment } from './environment';

export class MyappAppComponent {  
  title = 'myapp works!';
  KEY_TO_READ = environment.KEY_TO_READ;
}