gulp compass创建一个不需要的文件，而不是只使用流

Question

这是我的app-compass吞咽任务：

var compass = require('gulp-compass');
var autoprefixer = require('gulp-autoprefixer');

gulp.task('app-compass', function() {
    var stream = gulp.src('./app/styles/index.scss')
        .pipe(compass({
            css: paths.css,
            sass: 'app/styles',
            image: 'app/assets/images',
            generated_images_path: paths.images
        }))
        .pipe(autoprefixer())
        .pipe(gulp.dest(paths.css));
});

作为compass的一部分，创建了一个index.css文件。这是一个不需要的操作。我只想要流上的数据，而不把它写到文件中。明天，我可能会更改目的地，例如，我还必须更改compass的css属性。

有没有办法告诉compass不要创建css文件，而只通过流传递它？

Answer 1

看起来compass和gulp.dest都在创建.css文件。尝试删除.pipe(gulp.dest(paths.css))并确保compass配置对象的css属性指向所需的目标位置。

从原始海报更新代码

gulp.task('app-compass', function() {
    var stream = gulp.src('./app/styles/index.scss')
        .pipe(compass({
            css: paths.css,
            sass: 'app/styles',
            image: 'app/assets/images',
            generated_images_path: paths.images
        }))
        .pipe(autoprefixer());
});

Answer 2

卸下指南针配置中的css: paths.css,。否则compass认为它应该直接生成一个css。

var compass = require('gulp-compass');
var autoprefixer = require('gulp-autoprefixer');

gulp.task('app-compass', function() {
    var stream = gulp.src('./app/styles/index.scss')
        .pipe(compass({

            sass: 'app/styles',
            image: 'app/assets/images',
            generated_images_path: paths.images
        }))
        .pipe(autoprefixer())
        .pipe(gulp.dest(paths.css));
});

编辑：

我只是再次运行它，实际上，它在根目录中创建了css目录。我只检查了应用程序/css…对不起，看起来文档上说ruby指南针不可能那样工作：

请确保在config.rb中添加css和sass选项具有相同的值，因为指南针不能直接输出css结果。

https://www.npmjs.com/package/gulp-compass

不幸的是，我目前看不到一个好的解决方案。幸运的是，额外的文件生成不会影响您的性能。

或者您可以看看Bourbon，它非常类似于Compass，并且更好地集成到节点环境中(因为它只是mixins，没有自己的特殊编译器)：

https://www.npmjs.com/package/node-bourbon

Answer 3

你有没有尝试过下面的方法？

var compass = require('gulp-compass');
var autoprefixer = require('gulp-autoprefixer');
var clean = require('gulp-clean');

gulp.task('app-compass', function() {
    var stream = gulp.src('./app/styles/index.scss')
        .pipe(compass({
            css: paths.css,
            sass: 'app/styles',
            image: 'app/assets/images',
            generated_images_path: paths.images
        }))
        .pipe(autoprefixer())
        .pipe(clean())
        .pipe(gulp.dest(paths.css));
});