1. 程式人生 > >Angular 專案裡使用sass和angular

Angular 專案裡使用sass和angular

使用sass

1,如果專案已經成立了 可以這樣修改:
首先 npm install node-sass –save-dev
接著在\angular.json檔案裡面修改
“styles”: [
“src/styles.css”
],
為scss
然後 把styles.css檔案修改未scss
重新七重angular專案即可 ng serve –open
2,新建一個專案的時候使用
ng new Angularproject –style=sass

使用bootstrap

npm install @ng-bootstrap/ng-bootstrap –save

app.modules.ts裡引入如下:

第一步

下載bootstrap4的css 放在assets資料夾下

這裡寫圖片描述

在style.css/scss裡面引入bootstrap的樣式

引入樣式

使用ng-bootstrap預發測試引入是否生效

測試