Question

我正在尝试基本的sass +指南针来构建css。当我运行任务时，我收到错误Error: error main.scss (Line 2: Undefined mixin 'user-select'.) 我安装了sass和指南针。 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。寻找一种在没有它的情况下进行设置的方法。

Answer 1

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

我也运行$ compass create - 此时我不确定这会改变什么。

Answer 2

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

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

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

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

指南针无法找到mixins

2 个答案: