Gulp.js与基础/指南针

有没有人成功地得到了Gulp-sass与基础4/5(与指南针最好?)工作

应用程序正在成功使用基础4,没有吞咽,使用compass watch 。 但是我想开始使用gulp来简化我的sass / coffee / minification编译。

这是我的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']); 

这对咖啡脚本编译非常有用,但是在注释行中,当涉及到sass /罗盘时失败。

 [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 

有没有办法解决这个问题,或者我最好是从4升级到5,并在我的src / coffee中添加基础文件,所以它不必依靠在我的.rvm/../gems文件夹中查找? ?

       

网上收集的解决方案 "Gulp.js与基础/指南针"

尝试一口气指南针,而不是一口气。

编辑

首先让我为我的可怜答案道歉。

我自己testing了一下gulp-compass,它工作。 我不确定你的基金会设置,但我select的是使用基础与指南针 上SASS入门 。

我的gulpfile.js的相关部分是:

 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)); }); 

上面的例子与你的目录结构不同。 所以,你的gulpfile.js会是:

 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)); }); 

对于'compass()'的选项,'css'应该是你的'config.rb'中的'css_dir'和'sass_dir'中的sass,如gulp -compass的README中所述。

希望它能为你工作。