私は Gulp.js と Sass を使い始めたばかりで、ミックスインの使用にこだわっています。
これが私のgulp.jsファイルです:
var gulp = require('gulp');
var autoprefixer = require('gulp-autoprefixer');
var sass = require('gulp-ruby-sass');
gulp.task('css', function(){
return gulp.src('./assets/scss/main.scss')
.pipe(sass({
style: 'expanded',
noCache: true
}))
.pipe(autoprefixer('last 5 versions'))
.pipe(gulp.dest('./assets/css'));
});
gulp.task('watch', function(){
gulp.watch('./assets/scss/*.scss', ['css']);
});
gulp.task('default', ['css', 'watch']);
そして、これは私の main.scss ファイルです:
#data {
@include left(10px);
@include table-base;
}
これは、生成されるエラーです。
events.js:72
throw er; // Unhandled 'error' event
^
[gulp] Error in plugin 'gulp-ruby-sass':
Syntax error: Undefined mixin 'left'.
on line 2 of /vagrant/gulp_test_1/assets/scss/main.scss, in `left'
from line 2 of /tmp/a4d96d4a-b823-4828-a37c-eab307477784/main.scss
at ChildProcess.<anonymous> (/vagrant/gulp_test_1/node_modules/gulp-ruby-sass/index.js:74:25)
at ChildProcess.EventEmitter.emit (events.js:98:17)
at maybeClose (child_process.js:743:16)
at Process.ChildProcess._handle.onexit (child_process.js:810:5)
他のすべての Sass は正常に動作しています。エラーを発生させるのはミックスインだけです。
インストールしましたCompass 0.12.2
不足している宝石/モジュールはありますか?
システムは、Ubuntu VM を使用して Vagrant で実行されています。