How to bundle and use bootstrap scss in Angular Library?

Satish

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.

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Mageshwaran R5y ago
https://www.techiediaries.com/angular-bootstrap/
Harshal Limaye5y ago
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 Limaye5y ago
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 Thakkar6y ago
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