내가 사용하는 Intellij 궁극적인 코드 내 각 4 니다.
나는 새로운 각 프로젝트 4 포함하고,환경이다.ts
과환경이다.prod.ts
와 환경을 제대로 구성되어 각-추가할 수 있습니다.json`.
어떻게 가져올에 내 코드는? 이제 때가 그 국가는 환경을 사용합니다. 그것은 어떻게 일하는가? 나는 컴파일할 필요가 무언가 Intellij?
저는 인터넷 검색을 시도하고 많은 예를 찾을 때 사람들이 실제로 수입되는 특정 환경이다.ts 파일입니다. 그러나는's,좋지 않은지? 때문에 그것을 사용하는 것과 동일한 환경입니다.ts 파일도 나가 건축하는 경우 다른 환경이다.
나는 무엇을 할까?
여기에는 정말 좋은 기사가 환경에 파일을 각 cli: http://tattoocoder.com/angular-cli-using-the-environment-option/
요약하면,당신이 할 수입된환경이다.ts
지만 정확한 파일을 가져올 것입니다에 따라 그것은 환경입니다. 모 cli 은 그것을 다룰 것이 문서에서 설명하는 대로.
나는 이와 동일한 질문을 발견 같은 문서는 아니다. 그러나는't fix my 문제가:나는 그냥:
ERROR in XXX/src/app/app.component.ts (19,29): Cannot find module './environment'.
나는'm 과 함께 작업을 구축을 통해 생성 된ng 새로운
,그래서 작업하는 경우에는 최근 각 클라이언트을 가능성이 같은 문제가 발생합니다. 로@Ahmed 국에서 그의 의견에 그의 대답하는 것이 중요 당신은 상대적인 경로 정확하다. 이(현재)버전의 ng cli 를 둔 당신의 주요 응용 프로그램 구성요소는 여기:
projectFolder/app/src/app.component.ts
고 그 장소는 환경을 파일이 여기:
projectFolder/app/environments/environment.ts
따라서,올바른 라인에 포함하는 환경 안에서의 응용이다.구성 요소입니다:
import { environment } from '../environments/environment';
작"특징":습니다.ts는 실제로 환경 설정 파일에 대한 개발환경 통합관리가 가능합니다. 그러나,실행시(하나 때문에
ng 구축명령 또는
ng 섬기`명령),이 파일에 의해 대체 어떤 실제 환경이다. 그래서 비록 당신이 명시적으로 포함한 개발 환경에서 파일을 실행 시간은 당신을 얻을 것이 환경변수에 대한 최상의 환경입니다. 그것은 이상한 것 같다,하지만 그것은 그 작품,그리고 그런 것 같은 그것이 어떻게 작동하도록 설계되었.
했다 문제를 많이 이 작동합니다. 을 따라하려고 노력하도록 많은 튜토리얼,ng 봉사 단지 않았't 픽업 이외의 아무것도발 환경입니다. 을 수 있었을 사용하여 작동하도록 다음과 같다:
.각-추가할 수 있습니다.json 파일
....
"environmentSource": "environments/environment.ts",
"environments": {
"dev": "environments/environment.dev.ts",
"test": "environments/environment.test.ts",
"prod": "environments/environment.prod.ts"
}
....
환경 파일 아래에 있습니다./src 및 다음과 같은 폴더 구조
./environments
|--environment.ts
|--environment.test.ts
|--environment.prod.ts
|--environment.dev.ts
환경입니다.ts file:
export const environment = {
production: false,
apiBase: 'http://dev-server:4200/app/',
env: 'dev'
};
환경입니다.테스트입니다.ts 파일
export const environment = {
production: false,
apiBase: 'http://test-server:2080/app/',
env: 'test'
};
환경입니다.prod.ts 파일
export const environment = {
production: true,
apiBase: 'http://prod-server:2080/app/',
env: 'prod'
};
**을 만들지 않은 다른 환경이다.ts 파일에서 src.
app.모듈입니다.ts 또는 다른 구성 요소를 사용하려는 환경 속성입니다. *기억을 가져오는 환경에서../환경의 폴더에 있습니다.* 나는 실수를 다음의 튜토리얼을 만드는 환경입니다.ts src 폴더 아래에 있는 작동하지 않았습니다.*
import { environment } from '../environments/environment';
export class AppModule {
constructor() {
console.log('Base Api :' + environment.apiBase +
' production? ' + environment.production +
' env: ' + environment.env);
}
}
이게 도움이 되었으면 좋겠습니다.
방법으로,이했으로 각 5.
환경었't 한@모/cli``1.2.4
긴 했지만,로드인1.3.2
,그래서 당신의 최신 버전을 사용하는 시리즈입니다.