Question

首先，我是SCSS的新手并使用Compass进行编译，但实际上已经非常喜欢它了！

当我第一次下载ZURB Foundation（一个CSS框架）并尝试编辑样式时，一切都开始了，所以我不得不下载其他SCSS文件。在这样做后，我不得不下载一个SCSS编译器（在我的案例中为KOALA），它为我编写了SCSS到CSS编译工作。我开始尝试所有的东西，很快就厌倦了每次必须按下编译按钮时，我希望将SCSS文件编译成CSS文件。所以我搜索了一个解决方案，发现：指南针！我安装了Compass及其所有依赖项，它没有任何问题因此，当我运行Compass（带命令：指南针监视）时，它可以很好地将所有SCSS文件（主要和部分SCSS文件）编译成一个CSS文件，并在编辑主要SCSS＆amp;也是部分（＆＃34;第一级＆＃34;）SCSS文件。但是，当编辑＆amp;将SCSS部分保存在部分内部（＆＃34;第二级＆＃34;）Compass不会将SCSS编译为CSS！
这就是我的文件夹结构/ scss＆amp; css结构看起来像：

PROJECT
  |
  |---Content
  |      |---css
  |           |---style.css
  |
  |---sass
       |---style.scss (main scss)
       |---_foundation.scss ("first level" partial)
       |---foundation
               |---_functions.scss
               |---components
                       |---_accordion.scss ("second level" partial)
                       |---_alert-boxes.scss ("second level" partial)
                       |---etc... ("second level" partial)

（必须包含文件夹结构）

＆＃34; style.scss＆＃34;我导入＆＃34;第一级部分＆＃34;使用以下代码：

@charset "UTF-8";
@import "foundation";

在＆＃34; _foundation.scss＆＃34;我使用以下代码导入了几个额外的部分：

@charset "UTF-8";
@import
  "foundation/components/grid",
  "foundation/components/accordion",
  "foundation/components/alert-boxes",
  "foundation/components/block-grid";

最后但并非最不重要的是这是＆＃34; config.rb＆＃34;文件配置如下：

# Require any additional compass plugins here.
add_import_path "sass/foundation/components"

# Set this to the root of your project when deployed:
http_path = "Views"
css_dir = "Content/css"
sass_dir = "sass"
images_dir = "Content/img"

真的希望有人可以帮我解决这个问题，因为我已经试图解决这个问题太久了，谢谢！

指南针编译：SCSS部分内部部分

0 个答案: