使用罗盘框架并用其他东西编译

时间:2017-12-04 09:38:36

标签: sass gulp compass-sass gulp-sass

我是否必须使用罗盘进行编译才能使用它? 是否可以使用罗盘框架并使用像gulp这样的其他工具编译sass?

1 个答案:

答案 0 :(得分:1)

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

指南针vs sass的主要功能是能够使用@include x(y);来获取浏览器前缀(至少从我的经验来看)。您还可以使用gulp-autoprefixergulp-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();
});

我以前使用指南针,然后开始花费10-15秒进行编译,最后切换回使用sass(虽然使用.scss文件类型)。