AngularJS中的SCSS

问题描述 投票:0回答:1

我正在尝试将scss文件用作AngularJS中的样式表

我已经尝试过不同的方法:

在Index.html中:

<link rel='stylesheet' type='text/css' href='scss/_app.scss'/>

还有

<link rel='stylesheet' type='text/scss' href='scss/_app.scss'/>

或将其导入普通的CSS文件:

@import '../../scss/_app.scss';

这两种方式似乎都没有真正起作用。.由于我使用的是Bootstrap 4,所以使用scss文件应该没有问题

我非常感谢您的帮助!

angularjs sass stylesheet
1个回答
0
投票

浏览器无法读取.scss文件。

如果使用AngularJS,则完全不相关。

首先,您需要将.scss文件编译为.css文件。要注意的另一件事是,在编译.scss文件时,如果文件名以下划线开头,则不会创建文件。因此,您首先需要将文件重命名为'app.scss'

完成后,现在您已经编译了.css文件,您所需要做的就是:

<link rel='stylesheet' type='text/css' href='path/to/your/file/app.css'/>

通常会。

。scss中的@import功能仅用于部分,而向编译器声明不输出文件的方法是在文件名之前添加下划线。

read here about @import feature of scss

© www.soinside.com 2019 - 2024. All rights reserved.