不能使咕嚕-的contrib羅盤工作

Question

所以，我有以下的情況。 當我從CLI使用指南針時，它只是起作用，並且完全符合要求。我從那裏config.rb文件位於（在styles文件夾）的文件夾運行compass compile。它還包含sass和css目錄。 這是我的config.rb文件：

project_path = '.' 
css_dir = "css" 
sass_dir = "sass" 
images_dir = "../../data/images" 
javascripts_dir = "../scripts" 

output_style = :compressed 
environment = :development 
relative_assets = true 

當我嘗試使用此我用下面的配置，Gruntfile.jsgrunt：

compass: { 
    compile: { 
     options: { 
      basePath: 'app/src/styles', 
      config: 'app/src/styles/config.rb' 
     } 
    } 
} 

的app文件夾和Gruntfile.js位於同一水平。 當我跑步時我grunt compass看到下面的輸出：

Running "compass:dist" (compass) task 
Nothing to compile. If you're trying to start a new project, you have left off the directory argument. 
Run "compass -h" to get help. 

Done, without errors. 

如果我試圖指定的所有選項直接，如：

compass: { 
    compile: { 
     options: { 
      basePath: 'app/src/styles', 
      sassDir: 'app/src/styles/sass', 
      cssDir: 'app/src/styles/css', 
      imagesDir: 'app/data/images' 
     } 
    } 
} 

它的工作，但.sass-cache夾在創建Gruntfile.js的等級。 所以我想有一些問題與配置的basePath選項。

我做錯了什麼？

---

編輯：
唯一的辦法，我設法使其工作，如預期中它是移動config.rb文件的Gruntfile.js水平，並指定下列選項：

project_path = 'app/src/styles' 
css_dir = "css" 
sass_dir = "sass" 
images_dir = "../../data/images" 
javascripts_dir = "../scripts" 

output_style = :compressed 
environment = :development 
relative_assets = true 

另外，我從「Gruntfile.js」中刪除了所有關於此任務的選項。仍然不確定，這裏發生了什麼。

Answer 1

儘量不要設置基本路徑在繁重的配置，即：

compass: { 
    compile: { 
    options: { 
     basePath: 'app/src/styles', 
     config: 'app/src/styles/config.rb' 
    } 
    } 
} 

轉到：

compass: { 
     compile: { 
     options: { 
      config: 'app/src/styles/config.rb' 
     } 
     } 
    } 

而且還與--verbose開關（grunt compass --verbose），看看運行Grunt Compass grunt正在嘗試處理文件。

注意，任何設置添加到您選擇的咕嚕文件將覆蓋（或擴展）在config.rb文件中的設置。

看看這個頁面：https://github.com/gruntjs/grunt-contrib-compass看到有關咕嚕-的contrib指南針更多信息。他們有關於所有可能選項的信息。

Answer 2

，如果您需要爲您的項目比你config.rb不同的基本路徑，可以設置在config.rb路徑（甚至相對）

示例配置。RB

project_path = "../src/main/webapp/" 
http_path  = "./" 
css_dir   = "css" 
sass_dir  = "../library" 
images_dir  = "assets/images" 
fonts_dir  = "assets/fonts" 
javascripts_dir = "assets/js" 

... 

relative_assets = true 

例SCSS

.stylesheet-url { 
    content:stylesheet-url("style.css"); 
} 

.font-url { 
    content:font-url("font.woff"); 
} 

.image-url { 
    content:image-url("image.png"); 
} 

.generated-image-url { 
    content:generated-image-url("image2.png"); 
} 

範例CSS

.stylesheet-url { 
    content: url('style.css'); 
} 

.font-url { 
    content: url('../assets/fonts/font.woff'); 
} 

.image-url { 
    content: url('../assets/images/image.png'); 
} 

.generated-image-url { 
    content: url('../assets/images/image2.png'); 
} 

我們在Win7的X64