使用指南针框架并用其他东西编译答案

【问题标题】：use compass framework and compile with something else使用指南针框架并用其他东西编译
【发布时间】：2018-05-17 17:45:52
【问题描述】：

我必须用 compass 编译才能使用它的框架吗？是否可以使用 compass 框架并使用 gulp 等其他工具编译 sass ？

【问题讨论】：

标签： sass gulp compass-sass gulp-sass

【解决方案1】：

你可以使用gulp-compass编译罗盘。

关于 compass 与 sass 的主要内容是能够使用 @include x(y); 获取浏览器前缀（至少根据我的经验）。你也可以使用gulp-autoprefixer 和gulp-sass 来完成类似的事情。

我使用 .scss 文件（因为我喜欢分号），但我的 gulp 文件是一个 sass 构建器：

gulp.task('sass', function() {
    return gulp.src(settings.sass.input)
        .pipe(sourcemaps.init())
            .pipe(sass(settings.sass.options).on('error', errorLog))
            .pipe(autoprefixer(settings.sass.autoprefixer).on('error', errorLog))
        .pipe(sourcemaps.write(settings.maps, {
            sourceMappingURL: file => {
                return file.relative + '.map';
            }
        }))
        .pipe(gulp.dest(settings.sass.output))
    .resume();
});

我以前使用 compass，然后开始编译需要 10-15 秒，最后切换回只使用 sass（尽管使用 .scss 文件类型）。

【讨论】：

gulp-compass 是我需要的。谢谢