在Angle 2中使用Sass

CSS

阿飞番长

2020-03-23

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

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

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

2)使用quickstart seedhttps://angular.io/guide/quickstart

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

提前致谢!

第2760篇《在Angle 2中使用Sass》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
凯小哥 2020.03.23

这里有两种主要方案。

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

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

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

    ng set default.styleExt scss

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

在此处查看全文。

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android