SASS编译fontawesome保留表示法

Question

当我使用sass 3.4.1将fontawesome.scss编译为css文件时

$fa-var-music: "\f001"; 
.#{$fa-css-prefix}-music:before { content: $fa-var-music; }

它被编译为

.fa-music:before {
  content: "";
}

由于我在我的项目中主要使用Win1252编码，我想知道保留＆＃34; \ f001＆＃34;的方法是什么？在css文件中。为什么SASS会重写？

Answer 1

摘自Sass 3.4.0 changelog： Sass现在遵循CSS语法级别3规范来确定样式表的编码。此外，它现在只发出UTF-8 CSS，而不是尝试匹配源编码。

现在没办法使用旧的metod

SASS回购

Issue

对我来说，回滚到SASS 3.3.14修复此

Answer 2

如果使用Gulp编译CSS，则可以安装此gulp插件，它将自动为您解决问题。无需更改Sass代码。

https://www.npmjs.com/package/gulp-sass-unicode

var sass = require('gulp-sass');
var sassUnicode = require('gulp-sass-unicode');

gulp.task('sass', function(){
  gulp.src('style.scss')
    .pipe(sass())
    .pipe(sassUnicode()) // << This line is what does the magic
    .pipe(gulp.dest( "css/" ));
});