如何使用 gulpjs 编译 compass sass

Question

在使用 gulpjs 编译包含指南针导入的 sass 时遇到困难，我已经阅读了一些包含 config.rb 指南针文件的文章，但想知道这是否是完全必要的，因为使用 grunt 我不需要这样做?

这是我的 compass gulp 条目：

gulp.task('compass', function () {
    gulp.src('./css/src')
        .pipe(compass())
        .pipe(gulp.dest('./css'));
});

对此我通常会抱怨：

compass: {
            dist: {
                options: {
                    cssDir: 'css',
                    environment: 'production',
                    force: true,
                    outputStyle: 'compact',
                    sassDir: 'css/src',
                    specify: 'css/src/base.scss'
                }
            }
        }

如果有人可以帮助解释我需要做什么，那就太好了

Answer 1

您需要在运行compass() 命令时设置配置选项。例如：

compass({
  config_file: './config.rb',
  css: 'stylesheets'
})

一定要阅读 gulp-compass 文档：https://www.npmjs.org/package/gulp-compass