How to bundle and use bootstrap scss in Angular Library?

Question

Hello, Can anyone please help me to find out a way to use the bootstrap scss in angular library instead of using it into the application? I am building a library in angular 8.2.14 and want to use bootstrap scss for designing the components. Have tried so many workaround but not working.

Mageshwaran R · Answer

https://www.techiediaries.com/angular-bootstrap/

Harshal Limaye · Answer

In case you've already created an Angular project with CSS stylesheet format, you need to make Angular aware that you'll be using SASS files. This can be done by running the following Angular CLI command. ng config schematics.@schematics/angular:component.styleext scss

Harshal Limaye · Answer

Adding Bootstrap to Angular is quite straightforward. You can simply do the same by following the steps mentioned below: 1. Create Angular App: Create a new Angular application using Angular CLI; ng new sample-app While installing, when asked for Stylesheet format select SCSS. 2. Install Bootstrap: Install Bootstrap using npm. npm install bootstrap --save The above command will download bootstrap and save it to your node_modules folder. 3. Add Bootstrap path to angular.json file { ...... "projects" : { "sample-app" : { ..... "architect" : { "build" : { "options" : { "styles" : [ "src/styles.scss" , "node_modules/bootstrap/scss/bootstrap.scss" In styles array we'll need to add the path to bootstrap. And that's it. This will add Bootstrap to you're Angular App.

Jenith Thakkar · Answer

Hi Satish Have you install npm for that? if not then check this link for that https://medium.com/@manivel45/configuring-angular-7-project-with-sass-bootstrap-and-angular-material-design-69b0f033dc04 To check styling in angular with bootstrap https://www.smashingmagazine.com/2019/02/angular-application-bootstrap/ Check this link