我正在尝试将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文件应该没有问题
我非常感谢您的帮助!
浏览器无法读取.scss文件。
如果使用AngularJS,则完全不相关。
首先,您需要将.scss文件编译为.css文件。要注意的另一件事是,在编译.scss文件时,如果文件名以下划线开头,则不会创建文件。因此,您首先需要将文件重命名为'app.scss'
完成后,现在您已经编译了.css文件,您所需要做的就是:
<link rel='stylesheet' type='text/css' href='path/to/your/file/app.css'/>
通常会。
。scss中的@import功能仅用于部分,而向编译器声明不输出文件的方法是在文件名之前添加下划线。