I am utilizing ASP.NET MVC as the server and Angular as the client application.
Instead of a static index.html file, I have index.cshtml. The styles I am using are global styles rather than component-scoped.
My query revolves around working with a bunch of scss styles files in Angular/webpack and MVC.
Do I need to manually import "global style files" in the app.component file? Is the same process required for vendor CSS files like Bootstrap?
What is considered best practice here? My initial thought is something along these lines:
import { Component } from '@angular/core';
import '../styles/myglobalStyles.css'
import '../styles/boostrap.min.css'
import '../styles/otherVendors.min.css'
@Component({
selector: 'my-app',
templateUrl: './app.component.html'
})
export class AppComponent { }
Another question arises regarding ANGULAR CLI setup, where one adds the following in the angular-cli.json file. What purpose does it serve? Does this action append the styles.css file to the app.component.html during build? (Can you direct me to any relevant sources/documentation?)
],
"styles": [
"src/styles.css"
],