我的 _base.scss 部分中有 @charset "utf-8" 规则，当我在主文件中导入 _base.scss 时，@charset 规则不编译。
我尝试@viewport {width:device-width;}，它编译得很好，但@charset 没有。知道问题出在哪里吗？
是的，这是我的 _base.scss 部分中的第一条规则，我尝试了其他 CSS @rules，它们工作正常，但 @charset 不想在 .css 文件中编译。
【问题讨论】：
标签： sass compass-sass
好的，我花了一些时间来解决这个问题。这是我认为的错误，尽管它可能被认为是 SASS 中的实际“功能”。
因此，即使您在 SASS 文件中使用以下代码指定 utf-8 编码：
@charset "UTF-8";
...如果您不使用任何非 ascii 字符，那么它实际上会删除字符集定义。目前（据我所知）在任何 SASS 发行版中都没有解决此问题的方法 - 我看起来很难。
因此，为了强制将字符集定义呈现到输出 .css 文件中，我添加了以下包含非 ascii 字符并使其立即开始输出字符集的虚拟类：
//In your main .scss file - first line, first character:
@charset "UTF-8";
[more code...]
然后，在任何属于 SASS 编译的文件中，添加以下规则：
.force-UTF-8{
content: "¡";
}
您可以将规则命名为任何您想要的名称，并且您可以将该倒置感叹号更改为您想要的任何其他名称，只要它是一个非 ascii 字符即可。您可以通过按住“alt”并在小键盘上点击“0-1-6-1”来键入该字符（至少在 Windows 上）。只需 google 非 ascii 字符，您应该就能弄清楚。
我知道这不太理想，但它确实有效。
【讨论】：
基于the underlying SASS for @charset，它看起来必须在样式表的第一行：
添加@charset "encoding-name";在样式表的开头 （在任何空格或 cmets 之前），Sass 会将其解释为 给定的编码。请注意，无论您使用什么编码，它都必须是 可转换为 Unicode。
【讨论】：