다른 각도 cli json 또는 패스 변수 설정

Question

다른 costumers에 사용할 수있는 응용 프로그램이 있으므로 costumer에 따라 다른 방식으로 사용자를 지정해야합니다.
무엇 내가 기본적으로해야 할 것은 각-cli.json 파일에 동일한 설정으로 항상 구축 NG 시작하는 것입니다 수있는 방법이 있나요 :

1) 내가를 시작할 때 각-cli.json 파일을 변경 짓다?
2) 변수를 전달하여 '스타일'및 'dist'필드를 변경 하시겠습니까?
지금 당장은 내 응용 프로그램을 수정하고 모든 costumer에 대한 파일을 변경하고 빌드를 만들 때마다 기억해야합니다. 나는 모든 빌드를 계단식으로 작성하는 스크립트를 작성하고 싶습니다. 빌드에 따라 angular-cli.json을 개인화 할 수 없다면 불가능합니다.

UPDATE는

나는이 link하지만 어떻게 그것을 사용하는 발견? 내가 설명서 here에서 수색했지만 이해가 안 돼요, 내가 anguylar-cli.json에 애플 리케이션 배열 아래에 목소리를 추가 했어? 아니면 내가 애플 리케이션과 비슷한 다른 배열을 만들어야 하나?

{ 
    "name":"app1", 
    "root": "src", 
    "outDir": "dist", 
    "assets": [ 
    "fonts", 
    "images", 
    "assets", 
    "favicon.ico" 
    ], 
    "index": "index.html", 
    "main": "main.ts", 
    "test": "test.ts", 
    "tsconfig": "tsconfig.json", 
    "prefix": "app", 
    "mobile": false, 
    "styles": [ 
    "paper.css", 
    "styles.css", 
    "style_app1.css" 
    ], 
    "scripts": ["../node_modules/chart.js/dist/Chart.bundle.min.js"], 
    "environments": { 
    "source": "environments/environment.ts", 
    "dev": "environments/environment.ts", 
    "prod": "environments/environment.prod.ts" 
    } 
}, 
{ 
    "name":"app2", 
    "root": "src", 
    "outDir": "dist2", 
    "assets": [ 
    "fonts", 
    "images", 
    "assets", 
    "favicon.ico" 
    ], 
    "index": "index.html", 
    "main": "main.ts", 
    "test": "test.ts", 
    "tsconfig": "tsconfig.json", 
    "prefix": "app", 
    "mobile": false, 
    "styles": [ 
    "paper.css", 
    "styles.css", 
    "style_app2.css" 
    ], 
    "scripts": ["../node_modules/chart.js/dist/Chart.bundle.min.js"], 
    "environments": { 
    "source": "environments/environment.ts", 
    "dev": "environments/environment.ts", 
    "prod": "environments/environment.prod.ts" 
    } 
} 

그것이 dist2에 내가 --app를 구축 NG 시작 whent 아무것도 발견하지 않았기 때문에 그것의 작동하지 않는 말을 :

UPDATE 2

이 내가 앱에서 무엇을 가지고 app2

Answer 1

.angular-cli.json 파일에는 두 개 이상의 앱을 포함 할 수있는 배열 인 apps 속성이 있습니다.

{ 
    "root": "src", 
    "outDir": "dist", 
    "assets": [ 
    "assets", 
    "favicon.ico" 
    ], 
    "index": "index.html", 
    "main": "main1.ts", 
    "polyfills": "polyfills.ts", 
    "test": "test.ts", 
    "tsconfig": "tsconfig.app.json", 
    "testTsconfig": "tsconfig.spec.json", 
    "prefix": "app", 
    "styles": [ 
    "styles.css"], 
    "scripts": [], 
    "environmentSource": "environments/environment.ts", 
    "environments": { 
    "dev": "environments/environment.ts", 
    "prod": "environments/environment.prod.ts" 
    } 
}, 

위의 응용 프로그램 섹션은 응용 프로그램을 부트 스트랩 코드가 포함 된 main1.ts을 정의 : 기본적으로 NG 예를 들어 거기에 하나의 항목을 생성합니다. 부트 스트랩 코드가 main2.ts에있는 동일한 프로젝트에 다른 앱이있는 경우 위의 구성을 반복해야하지만 "main"= "main2.ts"로해야합니다. 이제 두 개의 앱이 배열되어 있고 해당 배열 색인 (예 :

ng build --app 0 

또는

ng build --app 1 

또한 응용 프로그램 구성에 속성 "이름"을 추가 할 수 있습니다

, 예를 들어,

"apps": [ 
    { "name":"app1", 
     "root": "src", 
     "outDir": "dist", 
     ... 

다음과 같이 빌드를 실행

ng build --app app1