Question

处理Magento项目时，我发现了最新的Web响应Magento主题（rwd）以及它所涉及的SASS-COMPASS概念。为了从rwd构建我自己的自定义主题，我尝试以这种方式设置Netbeans 8：

这是我的项目树：

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

通常，主要的styles.scss是导入部分：

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

和_core.scss ...

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

...和_framework.scss正在导入“子部分”：

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

在项目根目录下，我放了一个像这样的COMPASS配置文件：

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或任何框架子部分（即css文件在保存时编译）时，一切都运行良好。但是当我编辑_core.scss或其任何子部分时，保存时不会重新编译！这让我非常困惑。任何帮助都会很感激。

Answer 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.scss或css/scss/styles.scss会触发编译，sass会成功编译。

我发现虽然没有第一个/工作的绝对路径，但Netbeans不喜欢它们。使用相对路径适用于sass和Netbeans

将css/scss/config/components.scss更改为

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

为我修好了

Netbeans 8.0 + SASS-COMPASS的问题：一些部分没有编译

1 个答案: