2014-11-16 149 views
0

我正在嘗試基本的sass +指南針在建立css。當我運行任務時,出現錯誤Error: error main.scss (Line 2: Undefined mixin 'user-select'.) 我安裝了sass和compass。吞嚥指南針也是如此。指南針無法找到mixins

任何想法我的配置有什麼問題?

最低配置是我表現這種方式:

我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')); 
}); 

我頂嘴文件:

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

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

我沒有羅盤config.rb 。尋找一種沒有它的方式。

+0

可能重複:http://stackoverflow.com/questions/17976140/false-positive-undefined-variable-error-when-compiling-scss/17976934 – cimmanon

+0

這與鏈接中的內容不同。 –

+0

你在你的Gulpfile的'config.rb'裏有什麼? –

回答

0

更改SCSS形式@import "compass/css3/user-interface";的第一線,這條線@import "compass/css3";幫助這個問題

我也跑$ compass create - 在這一點上,我不知道這改變任何東西。

0

完全可以省略Compass編譯器的使用。只需將Compass導入您的SASS文件。

  1. 安裝庫:

    bower install compass-sass-mixins 
    
  2. 導入指南針到你的SASS文件:

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