SASS 新手 - 未编译

Question

刚刚决定学习 SASS，除了一个非常基本的文件不会编译外，其他非常简单的东西。

从字面上看，这是基本的：

$test: #ffffff;

命令：

sass test.sass

错误信息：

error: expected "
".
$test:#ffffff;
             ^
  test.sass 1:14  root stylesheet

我不知道“预期”是什么意思 - 预期在哪里？？

Answer 1

请将扩展名更改test.sass为 test.scss. 你很高兴去。100% :)

根据sass-lang.com。

Sass 有两种可用的语法。第一个称为SCSS (Sassy CSS)并在本参考文献中使用，它是 CSS 语法的扩展。这意味着每个有效的 CSS 样式表都是一个具有相同含义的有效 SCSS 文件。此外，SCSS 了解大多数 CSS hacks 和特定于供应商的语法，例如 IE 的旧过滤器语法。此语法通过下面描述的 Sass 功能得到增强。使用此语法的文件具有 .scss 扩展名。

第二种和较旧的语法，称为缩进语法（或 有时简称为“Sass”），提供了一种更简洁的 CSS 编写方式。它使用缩进而不是括号来指示选择器的嵌套，并使用换行符而不是分号来分隔属性。有些人发现这比 SCSS 更容易阅读和更快地编写。缩进语法具有所有相同的功能，尽管其中一些语法略有不同；这在缩进语法参考中有所描述。使用此语法的文件具有 .sass 扩展名。