2014-09-02 35 views
1

處理Magento項目時,我發現了最新的Web響應Magento主題(rwd)以及它涉及的SASS-COMPASS概念。 爲了建立從RWD一個我自己的自定義主題,我試圖建立的Netbeans 8這樣:Netbeans 8.0 + SASS-COMPASS問題:有些部分無法編譯

這裏是我的項目樹:

Project root (local path C:\myproject) 
| 
---skin 
    |--- frontend 
     |---my_rwd 
      |---default 
       |---css 
       | |---styles.css 
       |---scss 
        |---core 
        | |---_corepartial1.scss 
        | |---_corepartial2.scss 
        |---framework 
        | |---_fwpartial1.scss 
        | |---_fwpartial2.scss 
        |---styles.scss 
        |---_core.scss 
        |---_framework.scss 

在通常的方式,主要風格.scss是進口的諧音:

@import "framework.scss" 
@import "core.scss" 

而且_core.scss ...

@import "core/corepartial1.scss" 
@import "core/corpartial2.scss" 

...並_framework.scss戰神進口 「subpartials」:

@import "framework/fwpartial1.scss" 
@import "framework/fwpartial2.scss" 

在項目的根,我把指南針配置文件是這樣的:

project_path = 'C:\my_project\skin\frontend\my_rwd\default' 
css_dir = "css" 
sass_dir = "scss" 
images_dir = "images" 
javascripts_dir = "js" 
relative_assets = true 
output_style = :expanded 
environment = :development 

我設置了Netbeans的CSS-預處理像這樣:

x Compile Sass files on save 

Input: /skin/frontend/my_rwd/default/scss 
Output: /skin/frontend/my_rwd/default/css 

Compiler options: --compass --debug-info --style compressed 

SASS path: C:\Ruby200\bin\sass.bat 

大問題是:一切的編輯主要styles.scss,_framework.scss或任何框架subpartials運行時完美(即css文件在保存時編譯)。但是,當我編輯_core.scss或其任何子部分時,保存時不會發生重新編譯! 這令我非常難過。任何幫助將不勝感激。

回答

1

我知道這個問題有點老,但我認爲我會張貼我的發現,以防萬一它幫助別人。

我有一個類似的問題,發現Netbeans更喜歡相對路徑。

我:

---css 
    |--- styles.css 
    |--- scss 
     |--- styles.scss 
     |---components 
      |---_header.scss 
      |---_footer.sscs 
     |---config 
      |---components.scss 

css/scss/config/components.scss包含:

@import "components/header"; 
@import "components/footer"; 

編輯任何文件中css/scss/components/只是不會觸發Netbeans的編譯保存。 但編輯css/scss/config/components.scsscss/scss/styles.scss會觸發編譯,sass會成功編譯。

我發現雖然絕對路徑沒有第一個/在sass工作,Netbeans並不喜歡它們。 使用相對路徑工程青菜和Netbeans

因此改變css/scss/config/components.scss

@import "../components/header"; 
@import "../components/footer"; 

固定爲我