Компас для компиляции файлов Sass

Question

Кто-нибудь знает, как включить Compass в компиляцию Sass in Ionic?

Everytime я 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); 
}); 

Тогда как всегда, импортировать compass в ваши таблицы стилей Sass @import "compass";