首页 > 解决方案 > 允许使用 ReactJS 在 scss/css 中渲染或编译特殊字符

问题描述

我在我的 CSS 预处理器中包含特殊字符时遇到了困难。这是代码:

.xyz{
   &:before{
      content: '佥佬佧佼';
      some: properties;
   }
}

这可以在纯 HTML 中顺利运行。但是在我的 ReactJS 项目中,我的 DOM 中的输出是这样的:

.xyz:before{
   content: '\3A3\255C\D1\3A3\255C\BC\3A3\255C\BA\3A3\255C\255D';
}

然后内容有ASCII码输出。
我不确定在哪里放置或设置字符编码。我正在使用带有 UTF-8 编码的 VSC。有人可以帮忙吗?

标签: htmlcssreactjssasscharacter-encoding

解决方案


终于得到了我想要的东西。

在页面顶部,写下:

@charset "UTF-8";

现在一切都很好。


推荐阅读