Netbeans 8.0+;SASS-COMPASS:某些部分没有编译
在处理一个Magento项目时,我发现了最新的web响应Magento主题(rwd)及其涉及的SASS-COMPASS概念。 为了从rwd one构建我自己的自定义主题,我尝试通过以下方式设置Netbeans 8: 这是我的项目树:Netbeans 8.0+;SASS-COMPASS:某些部分没有编译,netbeans,compass-sass,Netbeans,Compass Sass,在处理一个Magento项目时,我发现了最新的web响应Magento主题(rwd)及其涉及的SASS-COMPASS概念。 为了从rwd one构建我自己的自定义主题,我尝试通过以下方式设置Netbeans 8: 这是我的项目树: Project root (local path C:\myproject) | ---skin |--- frontend |---my_rwd |---default |---css
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
通常,main styles.scs会导入部分内容:
@import "framework.scss"
@import "core.scss"
和_core.scss
@import "core/corepartial1.scss"
@import "core/corpartial2.scss"
…和_framework.scss ares导入“子部分”:
在项目根目录下,我放置了一个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
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
我将Netbeans CSS预处理设置为:
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
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
最大的问题是:当编辑main style.scs、_framework.scs或任何框架子部分(即css文件在保存时编译)时,一切都运行得很好。但当我编辑_core.scss或其任何子部分时,保存时不会发生重新编译!
这让我非常困惑。任何帮助都将不胜感激。我知道这个问题有点老,但我想我会发布我的发现,以防它对其他人有所帮助 我也有类似的问题,发现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将成功编译
我发现,虽然没有第一个/的绝对路径在sass中工作,但Netbeans不喜欢它们。
使用相对路径适用于sas和Netbeans
因此,将css/scss/config/components.scss
更改为
@import "../components/header";
@import "../components/footer";
帮我修好了