将SCSS附加到HTML文档

Question

你好，我是一个新手网页设计师。我想学习如何在标签中附加一个 SCSS 文件：

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

我尝试了这个，但没有看到结果。我猜它像LESS框架一样。还有一个问题：如果我想使用SCSS，我应该编译它到托管或不用？

- Cato Cato

---

嘿！只需要使用https://jsonformatter.org/scss-to-css，并粘贴SCSS代码，它就会将该代码转换为CSS！你所需做的就是复制CSS输出。 - RingGamesCompany

你应该像正常情况下一样链接 style.css，因为当你编译 SCSS 文件时，它会生成一个 CSS 文件，并使用它来应用你添加的样式。 - Kasem777

Answer 1

在HTML文档中无法“附加”SASS/SCSS文件。

SASS/SCSS是一种运行在服务器上并编译为浏览器可理解的CSS代码的CSS预处理器。

有一些客户端替代方案可以在浏览器中使用javascript编译，如LESS CSS，但我建议你将其编译成CSS用于生产环境。

只需在HTML文件中添加两行代码即可。

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

- SUDO Los Angeles

---

由于其 MIME 类型（“text/html”）不可执行，并且启用了严格的 MIME 类型检查，因此拒绝执行来自“http://localhost:8100/less.js”的脚本。 - saber tabatabaee yazdi

“text/html”？！这是从哪里来的？顺便说一句，在生产中使用“.less”不是一个好主意，最好编译成“.css”并包含它。否则，以上内容对于开发是可以的。 - Fr0zenFyr

网站上的更新版本: `<link rel="stylesheet/less" type="text/css" href="styles.less" /><script src="https://cdn.jsdelivr.net/npm/less@4.1.1" ></script>` - Darrow Hartman

只需使用jsonformatter.org/scss-to-css并粘贴SCSS代码，它就会将该代码转换为CSS。 - Muhammad Ali