multi-app

angular.json

@@ -30,7 +30,7 @@
               "projects/app-a/src/assets"
             ],
             "styles": [
-              "projects/app-a/src/styles.scss"
+              "projects/app-a/src/styles-b.scss"
             ],
             "scripts": []
           },
@@ -127,7 +127,7 @@
               "projects/app-b/src/assets"
             ],
             "styles": [
-              "projects/app-b/src/styles.scss"
+              "projects/app-b/src/styles-c.scss"
             ],
             "scripts": []
           },

projects/app-a/src/main.ts

@@ -1,6 +1,6 @@
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
-import { AppModule } from './app/app.module';
+import { AppModule } from '../../app/app.module';
 
 
 platformBrowserDynamic().bootstrapModule(AppModule)

projects/app-a/src/styles-a.scss

@@ -0,0 +1,7 @@
+/* You can add global styles to this file, and also import other style files */
+body{
+    background-color: aquamarine;
+    h1{
+        color: midnightblue;
+    }
+}

projects/app-a/src/styles.scss

@@ -1 +0,0 @@
-/* You can add global styles to this file, and also import other style files */

projects/app-b/src/app/app-routing.module.ts

@@ -1,10 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-
-const routes: Routes = [];
-
-@NgModule({
-  imports: [RouterModule.forRoot(routes)],
-  exports: [RouterModule]
-})
-export class AppRoutingModule { }

projects/app-b/src/app/app.component.html

@@ -1 +0,0 @@
-<h1>App-B</h1>

projects/app-b/src/app/app.component.spec.ts

@@ -1,29 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
-import { AppComponent } from './app.component';
-
-describe('AppComponent', () => {
-  beforeEach(() => TestBed.configureTestingModule({
-    imports: [RouterTestingModule],
-    declarations: [AppComponent]
-  }));
-
-  it('should create the app', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app).toBeTruthy();
-  });
-
-  it(`should have as title 'app-b'`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app.title).toEqual('app-b');
-  });
-
-  it('should render title', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.nativeElement as HTMLElement;
-    expect(compiled.querySelector('.content span')?.textContent).toContain('app-b app is running!');
-  });
-});

projects/app-b/src/app/app.component.ts

@@ -1,10 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss']
-})
-export class AppComponent {
-  title = 'app-b';
-}

projects/app-b/src/app/app.module.ts

@@ -1,18 +0,0 @@
-import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-
-import { AppRoutingModule } from './app-routing.module';
-import { AppComponent } from './app.component';
-
-@NgModule({
-  declarations: [
-    AppComponent
-  ],
-  imports: [
-    BrowserModule,
-    AppRoutingModule
-  ],
-  providers: [],
-  bootstrap: [AppComponent]
-})
-export class AppModule { }

projects/app-b/src/assets/styles-c.scss

@@ -0,0 +1,8 @@
+/* You can add global styles to this file, and also import other style files */
+body{
+    background-color:cadetblue;
+    h1{
+        color:darkolivegreen;
+        font-family:'Times New Roman', Times, serif;
+    }
+}

projects/app-b/src/main.ts

@@ -1,6 +1,6 @@
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
-import { AppModule } from './app/app.module';
+import { AppModule } from '../../app/app.module';
 
 
 platformBrowserDynamic().bootstrapModule(AppModule)

projects/app-b/src/styles-c.scss

@@ -0,0 +1,8 @@
+/* You can add global styles to this file, and also import other style files */
+body{
+    background-color:cadetblue;
+    h1{
+        color:darkolivegreen;
+        font-family:'Times New Roman', Times, serif;
+    }
+}