使用指南针编译Sass文件

Question

有人知道如何在Ionic中编译Sass时包含Compass吗？

每次我执行ionic serve时，都会给出一个错误：[gulp-sass] file to import not found or unreadable: compass

这是我的Gulp任务：

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，请确保已安装compass gem 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";中