Question

任何人都知道如何将Compass包含在Ionic中编译Sass？

每次我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并在您的gulp管道中替换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";

使用指南针编译Sass文件

1 个答案: