使用指南针编译Sass文件

Question

任何人都知道如何在编译Sass in Compass时使用指南针？

每次我做ionic serve它给了我一个错误：[gulp-sass] file to import not found or unreadable: compass

这是我的任务咕嘟咕嘟：

gulp.task('sass', function(done) { 
    gulp.src('./scss/ionic.app.scss') 
    .pipe(sass({ 
     compass: true, 
     errLogToConsole: true 
    })) 
    .pipe(gulp.dest('./www/css/')) 
    .pipe(minifyCss({ 
     keepSpecialComments: 0 
    })) 
    .pipe(rename({ extname: '.min.css' })) 
    .pipe(gulp.dest('./www/css/')) 
    .on('end', done); 
}); 

我也做npm install -g gulp-compass它仍然无法正常工作。

感谢

Answer 1

如果你想使用Compass代替Sass，确保你已经安装了compassgem install sass

然后安装gulp-compass和你一饮而尽管更换sass。

这是我的新的配置：

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

gulp.task('sass', function(done) { 
    gulp.src('./scss/ionic.app.scss') 
    .pipe(compass({ 
     sass: 'scss', 
     css: 'www/css' 
    })) 
    .pipe(gulp.dest('./www/css/')) 
    .pipe(minifyCss({ 
     keepSpecialComments: 0 
    })) 
    .pipe(rename({ extname: '.min.css' })) 
    .pipe(gulp.dest('./www/css/')) 
    .on('end', done); 
}); 

然后一如既往地在您的Sass样式表@import "compass";