将Sass/SCSS附加到HTML文档

Question

您好,我是网页设计的新手,我对此有很多疑问.我想学习如何将SASS或SCSS文件附加到head标记中的HTML文件:

<link href="example" rel="stylesheet/sass" type="text/css">
<link href="example" rel="stylesheet/scss" type="text/css">

我尝试了这个,但没有看到结果.我想这就像LESS框架.另一个问题:如果我想使用SASS或SCSS,我应该将其编译为托管或不托管？

Answer 1

您不能将SASS/SCSS文件"附加"到HTML文档.

SASS/SCSS是一个CSS预处理器,它在服务器上运行并编译为浏览器可以理解的CSS代码.

SASS的客户端替代品可以使用javascript(例如LESS CSS)在浏览器中编译,但我建议您编译为CSS以供生产使用.

就像在HTML文件中添加2行代码一样简单.

<link rel="stylesheet/less" type="text/css" href="styles.less" />
<script src="less.js" type="text/javascript"></script>