使用 compass @import 在 Foundation 项目上编译 scss 问题答案

【问题标题】：Issue compiling scss on Foundation project with compass @import使用 compass @import 在 Foundation 项目上编译 scss 问题
【发布时间】：2016-01-11 17:32:47
【问题描述】：

一年前我做了一个 Foundation 项目，一切正常，但我现在需要做一些更改，现在我在编译 scss 时遇到了问题。文件夹结构包含

Bower_components/
css/
图片/
js/
scss/
config.rb

Config.rb 是这样的

 # Require any additional compass plugins here.
    add_import_path "bower_components/foundation/scss"

    # Set this to the root of your project when deployed:
    http_path = "/"
    css_dir = "css"
    sass_dir = "scss"
    images_dir = "images"
    javascripts_dir = "js"

我正在使用 Koala 编译如下所示的 scss 文件 (mobile_CP.scss)：

/* 
========== VENDOR
*/
@import "compass/utilities/sprites";
@import "compass/css3/images";
@import "compass/css3/border-radius";
@import "compass/css3/box-shadow"; 

/* 
========== UTILS 
*/
@import "utils/variables.cp.scss";

/* 
========== COMPONENTS 
*/
@import "components/CP/container";

现在我收到错误提示：

Error: Undefined mixin 'background-image'.
        on line 165 of D:/TestRepo/mobile.application/trunk/scss/utils/_variables.cp.scss, in `background-image'
        from line 165 of D:/TestRepo/mobile.application/trunk/scss/utils/_variables.cp.scss, in `cpButton-silver'
        from line 246 of D:/TestRepo/mobile.application/trunk/scss/components/CP/_overwrite.scss
        from line 20 of D:\TestRepo\mobile.application\trunk\scss\mobile_CP.scss
  Use --trace for backtrace.

无法理解为什么我现在会收到此错误 Undefined mixin 'background-image' 在一切正常之前？我在监督什么吗？

【问题讨论】：

可能重复：stackoverflow.com/questions/17976140/…。回溯指向 mobile_CP.scss 是罪魁祸首，该文件是什么样的？
我在此处列出了文件，其中您有带有@import 的 Vendor、UTILS 和 COMPONENTS cmets。
如果直接通过命令行使用Compass，还会出现这个错误吗？
当我在 CLI 中使用 compass 时，它什么也不做，我也觉得很奇怪......我直接进入文件夹，尝试用 compass 观看并在同一个文件夹中编译它，它确实什么都没有，它不会创建新文件或任何东西。

标签： sass zurb-foundation compass-sass compass

【解决方案1】：

我找到了这个问题的解决方案。我使用的是新版本的 compass (1.0.3) 和 sass (3.4.20)，但问题是我用 bower 安装了基础项目，这不适用于新版本，所以我不得不降级到 compass 0.12.7和萨斯 3.2.19。这符合我的代码没有错误。

【讨论】：