多个sass位置的gulp罗盘编译问题

时间:2017-12-03 07:49:24

标签: javascript sass gulp compass gulp-compass

我试图将包含Sass文件的目录数组传入一个CSS文件中。目录数组看起来像是正确的方法,但我收到的错误信息如下:



Individual stylesheets must be in the sass directory.
[09:54:41] Plumber found unhandled error:
 Error in plugin 'gulp-compass'
Message:
    Compass failed




我的guplfile.js如下:



var gulp = require('gulp'),
    compass = require('gulp-compass'),
    watch = require('gulp-watch'),
    notify = require('gulp-notify'),
    debug = require('gulp-debug'),
    plumber = require('gulp-plumber'),
    sourcemaps = require('gulp-sourcemaps'),
    runSequence = require('run-sequence');

var config = {
    sass: {
        files: [
            'css/**/*.scss',
            '../mytheme/css/**/*.scss'
        ],
        includePaths: [
            'node_modules'
        ],
        outputStyle: {
            watch: 'expanded',
        },
        outputPath: 'build/css'
    }
};

gulp.task('sass', function () {
    return gulp.src(config.sass.files)
        .pipe(plumber())
        .pipe(debug({title: 'Debug:'}))
        .pipe(compass({
            sass: 'css',
            css: config.sass.outputPath,
            debug: true,
            import_path: config.sass.includePaths,
            style: config.sass.outputStyle.watch,
            sourcemap: true
        }))
        .pipe(sourcemaps.write())
        .pipe(notify('Compiled: <%= file.relative %>!'));
});

/**
 * Default task
 */
gulp.task('default', ['watch']);
&#13;
&#13;
&#13;

如果我删除文件数组中的第二个位置,那么gulp编译没有问题。所以它只是如何允许编译第二个位置 - 假设我需要用sass做更多的事情:&#39; css&#39;和/或css:config.sass.outputPath。

非常感谢任何帮助。

0 个答案:

没有答案