大口大口喝ruby sass罐头';我找不到混合器
我刚刚开始使用Gulp.js和Sass,我一直在使用mixin 这是我的大口大口喝ruby sass罐头';我找不到混合器,sass,mixins,gulp,Sass,Mixins,Gulp,我刚刚开始使用Gulp.js和Sass,我一直在使用mixin 这是我的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') .p
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']);
这是我的主.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)
events.js:72
投掷者;//未处理的“错误”事件
^
插件“gulp ruby sass”中出现[gulp]错误:
语法错误:未定义的mixin“left”。
在'left'中/vagrant/gulp_test_1/assets/scss/main.scss的第2行
来自/tmp/a4d96d4a-b823-4828-a37c-EAB0747784/main.scss的第2行
在这个过程中。(/vagrant/gulp_test_1/node_modules/gulp ruby sass/index.js:74:25)
在ChildProcess.EventEmitter.emit(events.js:98:17)
在maybeClose(child_process.js:743:16)
在Process.ChildProcess.\u handle.onexit(child\u Process.js:810:5)
所有其他Sass的东西都很好用。只是混音引起了一个错误
我已安装Compass 0.12.2
我是否缺少任何宝石/模块
系统运行在带有Ubuntu VM的Vagrant上。@include应指向在同一文件开始时导入的mixin或库 你在开始时和剩下的地方丢失了@import(10px);来自,, 如果它是您自己的mixin或compass库,则必须首先导入它