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