Is it possible to Inject a CSS Framework for a Module and all its components in Angular2+?

Question

I'm Developing an application that contains 2 Modules, one module for admin layout and another module for user layout. I'm planning to use 2 different frameworks. one for admin and another for user.

one framework that affects the other so i cant keep both in .angular-cli.json globally. So Is there any possibilities to use a framework for one module and another for another. without affecting the styles.

Don't add css globally. Add css for each component – Radonirina Maminiaina Mar 23 '18 at 08:41 — Radonirina Maminiaina, Mar 23 '18 at 08:41

Tomasz Kula · Answer 1 · 2018-03-23T10:04:23.960

0

In user.component.css (top level component for user.module):

@import 'my-first-framework';

In admin.component.css (top level component for admin.module):

@import 'my-second-framework';

In admin.component.ts, user.component.ts (top level components for modules)

@Component({
   encapsulation: ViewEncapsulation.none
})

edited Mar 23 '18 at 10:04

answered Mar 23 '18 at 09:20

Tomasz Kula

16,199
2
68
79

what about the scripts ? – Mar 23 '18 at 10:52
check out [angular-cli stories - global scripts](https://github.com/angular/angular-cli/wiki/stories-global-scripts) – Tomasz Kula Mar 23 '18 at 11:00

Is it possible to Inject a CSS Framework for a Module and all its components in Angular2+?

1 Answers1