Question

我在配置文件中有一个变量：

$temp_icon = "\75";

稍后的代码：

.signature {
    content: "$temp_icon"
}

当我使用gulp-sass / node-sass进行编译时，我得到：

  .signature {
        content: "u"
    }

这不是我想要的。

Answer 1

这实际上是known issue。

您可以安装gulp-sass-unicode插件，它将自动为您解决问题。

它有什么作用？例如，我们有style.scss：

$testContent: "\f26e";

#test{
  content:  $testContent;
}

吞噬任务：

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

gulp.task('SimpleSASS', function(){
  gulp.src(['style.scss'])
    .pipe(sass())
    .pipe(gulp.dest( "css/" ));
});

在运行gulp任务SimpleSASS之后，文件css / style.css中将是下一个：

@charset "UTF-8";
#test {
  content: "";
}

但是，如果我们添加gulp-sass-unicode（请参阅“用法”），则文件css / style.css将具有以下内容：

@charset "UTF-8";
#test {
  content: "\f26e";
}

Scss / Sass编译将字符串变量（内容）转换为其他字符串

1 个答案: