As I attempted to incorporate Bootstrap's CSS and Material Design's styles into my Angular application, I encountered a dilemma along with a potential compromise.
- When I attempt to include them using the "link href" method in my index.cshtml file, my Angular app fails to load properly.
- Alternatively, if I opt for the @include approach within my main .css file (called by
), it does work but at the cost of hindering parallel CSS downloads, resulting in slower performance overall.require("style-loader!./styles.css");
I've noticed that many suggest including these styles directly into the angular-cli JSON file, but unfortunately my app is not an Angular CLI application and therefore this solution is not applicable to me.
With that said, my question remains: What would be the most recommended method or best practice for incorporating CSS into a non-Angular CLI application?
ADDITIONAL INFORMATION:
- In addition to Angular, I am utilizing webpack. I'm unsure if this has any bearing on the matter or offers any insights related to my current predicament.