我的sass-compass项目没有编译
这是我的gulp.js文件:
gulp.task('compass', function() {
return gulp.src(['src/sass/**/*'])
.pipe(compass({
config_file: 'config.rb',
css: 'assets/styles',
sass: 'src/sass',
image: 'assets/images'
}))
.pipe(gulp.dest('assets/styles'));
});
gulp.task('watch', function() {
gulp.watch('src/sass/**/*', ['compass']);
});
这是我的文件夹结构:
foundation/
components/
//Some unloaded components that needed top load
_functions.scss // Unloaded
_settings.scss // Unloaded
_foundation.scss // Like as my application.sass file
_normalize.scss // Loaded
application.sass // Import files
common.sass // Included compass and my mixins (mixins produces error)
defaults.sass
layout.sass
media.sass
mixins.sass // My mixins
topbar.sass
media.sass
这是我的application.sass文件:
@import compass
@import vars
@import mixins
@import foundation/foundation
@import common
@import defaults
@import ui
@import layout
@import topbar
@import media
这是来自命令行的错误:
error src/sass/common.sass (Line 2: Undefined mixin 'boxModel'.)
Compilation failed in 1 files.
events.js:72
throw er; // Unhandled 'error' event
^
Error: error src/sass/common.sass (Line 2: Undefined mixin 'boxModel'.)
Compilation failed in 1 files.
Common.sass:
/*
Error: Undefined mixin 'boxModel'.
on line 2 of C:/WebServers/home/sportparad.loc/www/src/sass/common.sass, in `boxModel'
from line 2 of C:/WebServers/home/sportparad.loc/www/src/sass/common.sass
1: span.highest
2: +boxModel(1px, 100%)
3: +inline-block
Backtrace:
C:/WebServers/home...
正常编译我的项目需要做些什么?