Gulp 罗盘和符号在 css 内容中

Question

我的输出 sass 到 css 和 gulp 有点问题。我用gulp-罗盘

这是我在gulp文件

中的代码

gulp.task('sass', function() {
gulp.src('css/style.scss')
    .pipe(compass({
        css: 'css/',
        sass: 'css/',
        image: 'images/',
        comments : false,
        style: 'compressed', //nested, expanded, compact, or compressed.
        time: false
        //debug: true
    }))
    .pipe(gulp.dest('css/'));

});

这个脚本工作正常，但我从 css 属性 content:

中看到了一个小问题

原文css：内容：“•”
压缩css：内容：“ÔÇó”

我没有看到阻止此转换的设置。

你见过这个结果吗？我该如何阻止它？

感谢您的帮助:)

Answer 1

尝试将 @charset "UTF-8"; 添加到包含所有导入的主文件的顶部。

还要确保在您的编辑器中您正在编辑文件并将其保存为 UTF-8

Gulp 罗盘和符号在 css 内容中

Gulp compass and symbol in css content

sass

gulp

compass