"apps": [
{ "name":"app1",
"root": "src",
"outDir": "dist",
"assets": [
"assets",
"favicon.ico"
],
"index": "index.html",
"main": "main-resolver.ts",
"polyfills": "polyfills.ts",
"test": "test.ts",
"tsconfig": "tsconfig.app.json",
"testTsconfig": "tsconfig.spec.json",
"prefix": "app",
"styles": [
"styles.css",
"../node_modules/@angular/material/core/theming/prebuilt/indigo-pink.css"
],
"scripts": [],
"environmentSource": "environments/environment.ts",
"environments": {
"dev": "environments/environment.ts",
"prod": "environments/environment.prod.ts"
}
},
{ "name":"app2",
"root": "src",
"outDir": "dist2",
"assets": [
"assets",
"favicon.ico"
],
"index": "index.html",
"main": "main-luxury.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"
}
}
],
ng serve --app app1
یا
ng serve --app app2
حتی میتوان بر اساس شماره Index پروژه ها آنها را صدا زد. در یک Array اصولن شمارنده از صفر شروع میشود. پس طریقه صدا زدن وقتی 2 پروژه بیشتر نداریم، به شکل زیر خواهد بود.
ng serve --app 0
ng serve --app 1
حال به شکل Folder بندی پروژه ها نیز دقت کنید.
همانطور که مشاهده میکنید ، همه چیز مجزا و قابل مدیریت میباشد. امیدوارم این مطلب برای شما مفید بوده باشد، هر چند اگر نباشد هم زیاد فرقی نمیکند!.