压缩SCSS文件时，指南针会删除分号，从而导致CSS导入问题

Question

这是我第一次尝试Compass，遇到了有关Compass如何压缩SCSS文件的问题。

我有一个简单的.scss文件，其中包含以下代码：

@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');

.fa-apple, .fa-android, .fa-twitter {
    font-size: 60px;
}

我设置了一个Gulp任务来编译文件，这是任务：

gulp.task('compass', function() {
    gulp.src('app/scss/style.scss')
        .pipe(compass({
            config_file: './config.rb',
            css: 'app/css',
            sass: 'app/scss',
            require: ['susy', 'breakpoint']
        }))
        .pipe(gulp.dest('app/css'));
});

这是我的config.rb ：

require 'susy'
require 'breakpoint'

project_type = :stand_alone
http_path = "/"
sass_dir = "app/scss"
css_dir = "app/css"
images_dir = "app/images"
fonts_dir = "app/fonts"
javascript_dir = "app/js"
line_comments = true
preferred_syntax = :scss
output_style = :compressed
relative_assets = true

所以我将output_style设置为:compressed以缩小CSS结果。 这是我在结果css文件中得到的：

@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css").fa-apple,.fa-android,.fa-twitter{font-size:60px}

Compass删除了@import语句的结尾分号，这导致页面上的样式意外。

当我将output_style更改为:expanded ，由于保留了分号，因此页面在未缩小的css版本中运行良好。

有没有办法避免Compass删除分号？ 还有为什么要发生呢？

Answer 1

似乎最新版本（3.4.17或3.4.18）的sass正在执行此操作。

尝试这个：

gem uninstall sass
gem install sass -v 3.4.16

它为我工作。 如果要尝试其他版本，可以在这里找到sass的所有版本 。

Answer 2

这样的声音已在3.4.18中修复 。

Answer 3

罗盘不应该将导入文件的代码呈现为css吗？