我的 styles.scss 根本无法在 html 中工作

Question

我已添加

<link rel="stylesheet" href="css/styles.scss">

我已经在我的电脑中安装了 sass
styles.scss 中的代码没问题。
我做错了什么？

Answer 1

在 html 页面中使用 Sass 之前需要对其进行编译。您正在设置的只是一个简单的 html 页面吗

Answer 2

安装 Sass 后，您可以使用 sass 命令将 Sass 编译为 CSS。您需要告诉 Sass 从哪个文件构建以及将 CSS 输出到哪里。有关详细信息，请参阅此文档https://sass-lang.com/guide。

Answer 3

单击 Watch sass 按钮（在 VS Code 中安装 Live Sass 编译器后）。