2015-04-07 48 views
0

我正在將一個grunt項目轉換爲吞噬,並且在gulp-compass有問題。樣式表必須位於sass目錄錯誤,使用gulp-compass

我們有scss文件在源代碼中展開,而不是在一個目錄中。這個結構對於這個項目很重要,不能改變。

我想我會嘗試設置配置,就像我做grunt項目一樣,但a)我很困惑,爲什麼它期望一個與實際的gulp.src路徑無關的單個目錄,以及b)無論如何我都無法工作。

// Compass 
gulp.task('compass:dev', function() { 
    return gulp.src(appPath + '/**/*.scss') 
     .pipe(compass({ 
      project: path.join(__dirname, rootPath), 
      css: distPath + '/css', 
      sass: appPath + '/' 
     })) 
     .pipe(gulp.dest(distPath + '/css')); 
}); 

的錯誤是:

[17:02:20] Starting 'compass:dev'... 
[17:02:21] Individual stylesheets must be in the sass directory. 


events.js:85 
     throw er; // Unhandled 'error' event 
      ^
Error: Compass failed 
+0

你嘗試'青菜:appPath'沒有結尾的斜槓? – d79

+0

是的,我已經嘗試過幾種形式 – helion3

回答

2

很多玩弄周圍後,我終於能得到這個與add_import_path選項工作:

// Compass 
gulp.task('compass:dev', function() { 
    return gulp.src(appPath + '/**/*.scss') 
     .pipe(plugins.compass({ 
      css: distPath + '/css', 
      sass: path.join(__dirname, appPath) + '/', 
      add_import_path: path.join(__dirname, appPath) + '/' 
     })) 
     .pipe(gulp.dest(distPath + '/css')); 
}); 
+0

但是,第二天路徑都沒有多餘的工作。不知道這是固定的還是爲什麼它改變了。 – helion3