ionic framework - Use compass for compiling Sass files -


anyone knows how include compass in compiling sass in ionic?

everytime ionic serve gives me error: [gulp-sass] file import not found or unreadable: compass

here's gulp task:

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

i've done npm install -g gulp-compass still doesn't work.

thanks

if want use compass instead of sass, make sure have compass installed gem install sass

then install gulp-compass , replace sass in gulp pipe.

here's new config:

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

then always, import compass in sass stylesheets @import "compass";


Comments