Gulp gulp-compass无法从另一个目录中的另一个文件和样式中找到我的mixins

时间:2014-10-18 06:56:21

标签: file sass gulp mixins

我的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...

正常编译我的项目需要做些什么?

0 个答案:

没有答案