SCSS 文件观察器编码问题答案

【问题标题】：SCSS file-watcher encoding issueSCSS 文件观察器编码问题
【发布时间】：2025-12-10 12:05:02
【问题描述】：

我已经在我的 ide 中使用 SASS/SCSS 文件观察器已经有一段时间了，在过去的几天里，我一直遇到编码问题。目前，我与另一位开发人员一起开发软件，我们正在使用 git 系统来处理文件。几天前，我从 git 和 sice 中提取了一个更新，然后从 scss 到 css 文件的编码似乎有问题。例如：当文件观察器将字体很棒的 scss 文件编译为 css 时，它会更改输出：

.fa-angle-left:before {
    content: "\f104";
}

到：

.fa-angle-left:before {
    content: "";
}

我试图更改文件的编码，但它似乎没有做任何事情。有人知道我如何解决这个问题吗？谢谢

【问题讨论】：

您能否为该值添加一些上下文以及您使用它的目的？
@disinfor 我们正在使用文件观察器将 font-awesome-scss-files 编译为常规 scss 文件。编译完 scss 文件后，常规的 css 代码现在看起来很不一样了。我刚刚在我的问题中编辑了代码，希望这可以更好地说明问题所在。

标签： css sass file-watcher

【解决方案1】：

尝试将类的内容更改为如下内容：

.fa-angle-left:before {
    content: " #{'\f104'}";
}

并尝试将其添加到 scss 文件的顶部：

@charset "utf-8";

来源： GitHub Issue

【讨论】：

感谢您的回答。我正在尝试修复文件监视程序，以便根本不会发生此问题。由于我不时下载 font-awesome-scss-files 以保持它们更新，因此手动执行此操作将是很多工作。我只需要弄清楚为什么直到几天前一切正常，现在它做到了。我只是不明白。但是谢谢你。
您是否在文件顶部指定了@charset？
没有。您的意思是在 scss 文件中吗？
在你的scss顶部，请输入@charset "utf-8";
感谢您的提示。做到了。您想编辑您的答案以便我将其标记为最有帮助吗？谢谢。