Compass 找不到 mixin答案

【问题标题】：Compass is not able to find mixinsCompass 找不到 mixin
【发布时间】：2015-01-13 15:25:28
【问题描述】：

我正在 gulp 中尝试基本的 sass + compass 来构建 css。当我运行任务时出现错误Error: error main.scss (Line 2: Undefined mixin 'user-select'.) 我同时安装了 sass 和 compass。 gulp-compass 也发生了同样的事情。

你知道我的配置有什么问题吗？

对我来说这种行为的最小配置：

我的 gulpfile.js

var gulp = require('gulp'); 
var sass = require('gulp-ruby-sass');

gulp.task('sass', function () {
gulp.src('./scss/*.scss')
    .pipe(sass({ compass: true, sourcemap: true, style: 'compressed' }))
    .pipe(gulp.dest('./css'));
});

我的 sass 文件：

%button {
  @include user-select('none');
}

.button-orange {
  @extend %button;
  background-color: orange;
}

我没有用于指南针的 config.rb。寻找一种没有它的设置方法。

【问题讨论】：

可能重复：stackoverflow.com/questions/17976140/…
这与该链接中的情况不同。
您的 Gulpfile 旁边的 config.rb 中有什么？
我没有 config.rb。我试图让它在没有它的情况下工作。

标签： sass compass-sass gulp

【解决方案1】：

您可以完全省略 Compass 编译器的使用。只需将 Compass 导入您的 SASS 文件即可。

安装库：
```
bower install compass-sass-mixins
```

将指南针导入您的 SASS 文件：

@import "bower_components/compass-sass-mixins/lib/compass"

【讨论】：

【解决方案2】：

将 scss 表单 @import "compass/css3/user-interface"; 的第一行更改为这一行 @import "compass/css3"; 有助于解决这个问题

我也运行$ compass create - 在这一点上我不确定这是否改变了任何东西。

【讨论】：