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里引入如下:

Angular 项目里使用sass和angular

下载bootstrap4的css 放在assets文件夹下

Angular 项目里使用sass和angular

在style.css/scss里面引入bootstrap的样式

Angular 项目里使用sass和angular

使用ng-bootstrap预发测试引入是否生效

Angular 项目里使用sass和angular