Gulp.js mit FOUNDATION/Kompass

Question

Hat jemand erfolgreich Gulp-sass bekommen (vorzugsweise mit Kompass?) Mit FOUNDATION 4/5 arbeiten

Die Anwendungsgrundlage wird unter Verwendung von 4 erfolgreich, ohne Zug, unter Verwendung von compass watch. Aber ich möchte anfangen, Schluck zu verwenden, um meine Sammlung von Sass/Kaffee/Minification zu straffen.

Hier ist meine gulpfile.js

var gulp = require('gulp'), 
    util = require('gulp-util'), 
    sass = require('gulp-sass'), 
    coffee = require('gulp-coffee'); 

var paths = { 
    scripts: { 
     src: 'src/coffee/**/*.coffee', 
     dest: 'public/javascripts' 
    }, 
    styles: { 
     src: 'src/sass/*.sass', 
     dest: 'public/stylesheets' 
    } 
}; 

gulp.task('scripts', function() { 
    return gulp.src(paths.scripts.src) 
     .pipe(coffee()) 
     .pipe(gulp.dest(paths.scripts.dest)); 
}); 

gulp.task('sass', function() { 
    return gulp.src(paths.styles.src) 
     .pipe(sass({errLogToConsole: true})) 
     .pipe(gulp.dest(paths.styles.dest)); 
}); 

gulp.task('watch', function() { 
    gulp.watch(paths.scripts.src, ['scripts']); 
    gulp.watch(paths.styles.src, ['sass']); 
}); 

gulp.task('default', ['scripts', 'sass', 'watch']); 

Dies funktioniert gut für den Kaffee Skriptkompilierung, aber nicht in der Kommentarzeile, wenn es um Sass kommt/Kompass.

[gulp] Using file path/gulpfile.js 
[gulp] Working directory changed to path 
[gulp] Running 'scripts'... 
[gulp] Running 'sass'... 
[gulp] Running 'watch'... 
[gulp] Finished 'watch' in 15 ms 
[gulp] [gulp-sass] source string:1: error: @import directive requires a url or quoted path 
// Here is what's throwing me for a loop. I'm assuming that it has something to do with 
// gulp-sass not utilizing the ruby gem's source files for zurb-foundation/compass 
[gulp] Finished 'sass' in 115 ms 
[gulp] Finished 'scripts' in 122 ms 
[gulp] Running 'default'... 
[gulp] Finished 'default' in 11 μs 

Gibt es eine Möglichkeit, um diesen, oder ist meine beste Wette 4 bis 5 und fügen Sie die Stiftung Dateien in meinem src/Kaffee zu aktualisieren, es muss also nicht in meinem .rvm/../gems Ordner auf der Suche verlassen ??

Answer 1

Versuchen Sie gulp-compass anstelle von Schluck-Sass.

EDIT

mich zuerst für meine schlechte Antwort Lassen Sie entschuldigen.

Ich habe Schluck-Kompass von mir getestet und es hat funktioniert. Ich bin mir nicht sicher über Ihre Foundation-Setup, aber was ich ausgewählt habe, war Verwenden der Foundation mit Kompass auf Getting Started on SASS.

Der relevante Teil meiner gulpfile.js ist:

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

var paths = { 
    styles: { 
    src: 'scss/*.scss', 
    dest: 'stylesheets' 
    } 
}; 

gulp.task('sass', function() { 
    return gulp.src(paths.styles.src) 
    .pipe(compass({ 
     config_file: './config.rb', 
     css: 'stylesheets', 
     sass: 'scss' 
    })) 
    .pipe(gulp.dest(paths.styles.dest)); 
}); 

Das Beispiel hat oben eine andere Verzeichnisstruktur von Ihnen. Also, Ihr gulpfile.js wäre:

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

var paths = { 
    styles: { 
    src: 'src/sass/*.sass', 
    dest: 'public/stylesheets' 
    } 
}; 

gulp.task('sass', function() { 
    return gulp.src(paths.styles.src) 
    .pipe(compass({ 
     config_file: './config.rb', 
     css: 'stylesheets', 
     sass: 'sass' 
    })) 
    .pipe(gulp.dest(paths.styles.dest)); 
}); 

Für die Optionen für 'Kompass()', 'CSS' sollte Ihre 'css_dir' sein in Ihrem config.rb "und 'Sass' für 'sass_dir' wie in the README of gulp-compass beschrieben.

Ich hoffe, es wird für Sie arbeiten.