Не могу заставить dotenv работать с Angular5

Question

Я не понимаю, как я должен использовать этот пакет, даже после прочтения документа.

Вот что я попробовал:

import {Component, OnInit} from '@angular/core';

declare const require: any; // Typescript compiler will complain without this
declare const process: any; // Typescript compiler will complain without this
require('dotenv').config();

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {

  constructor() {
  }

  ngOnInit() {
    // This should display the content of my .env file right?
    console.log(process.env);
  }

}

Я создал .env файл с 3 строками в корне моего проекта. Затем я запускаю свой проект с помощью команды ng serve.

Я ожидал, что консоль покажет мне объект с моими 3 ключами, но вместо этого я получу пустой объект. Что происходит?

Спасибо за вашу помощь.

Answer 1

следующий код:

require('dotenv').config();

недопустимо для файла угловой машинописи (.ts).

Вы должны создать файл 'environmentnement.ts' в своем дереве приложений (корень вашего проекта в вашем случае), например:

export const environment = {
   foo: true,
   bar: false
};

и запросите этот файл в вашем компоненте с:

import { environment } from '../path/to/environment';

Вы можете использовать свою среду сейчас:

environment.foo 
//or 
environment.bar