Skip to content

Latest commit

 

History

History
20 lines (12 loc) · 1.51 KB

scss.md

File metadata and controls

20 lines (12 loc) · 1.51 KB

改css为sass预编译

这个项目我已经改好了,开箱即用。下边是更改方式。

SASS 是一款非常好用的 CSS 预编译器, Bootstrap 官方从4.0开始已经切换到了 SASS。 目前(2017-10),@angular/cli 创建项目的时候没有自动使用 SASS 作为预编 译器,我们需要自己手动修改一些配置文件,请按照以下步骤依次修改: angular-cli.json 里面的 styles.css 后缀改成 .scssenter image description here当你后面再使用 ng g c *** 自动创建组件的时候,默认就会生成 .scss 后缀的样式文件了。

angular-cli.json 里面的 styleExt 改成 .scssenter image description here

src 下面 style.css 改成 style.scssenter image description here

app.component.scssenter image description here

app.component.ts 里面对应修改enter image description here

改完之后,重新 ng serve,打开浏览器查看效果。