75

您好,我是网页设计的新手。我想了解如何将 SCSS 文件附加到 head 标签中的 HTML 文件:

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

我试过这个,但没有看到结果。我猜它就像 LESS 框架。还有一个问题:如果我想使用 SCSS,我应该将它编译到托管还是不编译?

4

1 回答 1

70

您不能将 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>
于 2013-10-07T00:41:27.247 回答