1

首先，我完全不熟悉 SCSS 并使用 Compass 进行编译，但实际上我已经喜欢它了！

当我第一次下载 ZURB Foundation（一个 CSS 框架）并尝试编辑样式时，一切都开始了，所以我还必须下载额外的 SCSS 文件。这样做之后，我必须下载一个 SCSS 编译器（在我的例子中是 KOALA），它可以很好地完成 SCSS 到 CSS 的编译工作。我开始尝试一切，很快就厌倦了每次我想要将 SCSS 文件编译为 CSS 文件时必须按下编译按钮。于是我搜索了一个解决方案，发现：指南针！我安装了 Compass 及其所有依赖项，它可以正常工作。
因此，当我运行 Compass（使用命令：compass watch）时，它会将所有 SCSS 文件（主要和部分 SCSS 文件）很好地编译到一个 CSS 文件中，并且在编辑主要 SCSS 和部分（“第一级”）SCSS 文件时也会更新。但是，当在部分（“二级”）内编辑和保存 SCSS 部分时，Compass 不会将 SCSS 编译为 CSS！
这就是我的文件夹结构/scss & 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)

（必须包含文件夹结构）

在“style.scss”中，我使用以下代码导入“第一级部分”：

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

在“_foundation.scss”中，我使用以下代码导入了几个额外的部分：

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

最后但并非最不重要的是，“config.rb”文件配置如下所示：

# 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"


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

4

0 回答 0