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预发测试引入是否生效

测试

猜你喜欢

转载自blog.csdn.net/etemal_bright/article/details/80609838