在Angle 2中使用Sass

我正在尝试Sass在我的Angular 2项目中进行设置。据我了解,基本上有两种方法可以创建角度2项目

1)使用angular-cli(https://github.com/angular/angular-cli)

我引用了https://stackoverflow.com/a/41541042/2868352中提到的答案,我可以scss在angular 2项目中成功使用文件,一切正常,但是我无法css从scss项目文件夹中的文件中找到生成的文件。谁能解释为什么没有css生成文件但仍然可以正常工作的原因?

2)使用quickstart seed(https://angular.io/guide/quickstart)

我无法获得有关如何sass在Quickstart项目中进行设置的任何信息。是否有人对sass在angular提供的快速入门项目中使用有任何想法?

提前致谢!

凯小哥2020/03/23 11:50:11

这里有两种主要方案。

  1. 创建新的Angular CLI项目时,请使用CLI命令

    ng new my-angular-app --style=scss

  2. 当已经设置了Angular CLI项目时,请使用CLI命令

    ng set default.styleExt scss

在情况2中,您需要手动转换现有.css文件。您也可以使用sass或less代替scss

在此处查看全文。

在Angular CLI项目中使用SCSS / SASS / LESS