Gulp 似乎找不到指南针 mixins

我正在尝试使用 gulp 作为 Grunt 的替代构建工具，将我的 scss 编译为 css，因为我听说它可以更快。

我什至在对 scss 文件进行基本编译时都遇到问题。我尝试过使用gulp-sass, gulp-ruby-sass and gulp指南针gulp 插件，我每次都会收到几乎相同的错误消息：

error screen.scss (Line 2 of _grid.scss: Undefined mixin 'box-sizing'.)

所以看起来它一碰到指南针 mixin 就会掉下来。我的电脑上安装了 ruby​​，compass 版本为 1.0.0.alpha.19，sass 版本为 3.3.7。

这是我的吞咽文件：

var gulp = require('gulp'),
compass = require('gulp-compass'),
sass = require('gulp-ruby-sass');

gulp.task('compass', function() {
gulp.src('../sass/UK/screen.scss')
.pipe(compass({
    css: '../css',
    sass: '../sass',
  sourcemap: true,
  style: 'compressed'
}))
.pipe(gulp.dest('../css/UK/screen.css'));
});

gulp.task('sass', function () {
  gulp.src('../sass/UK/**/*.scss')
      .pipe(sass({ style: 'compressed', sourcemap: true }))
      .pipe(gulp.dest('../css/UK'));
});

有什么想法可以告诉它我的指南针副本安装在哪里吗？我以为它是全局安装的。

将 Compass 与 Gulp 一起使用时存在一些混乱。一共有三个 gulp 扩展：gulp-ruby-sass, gulp指南针 and gulp-sass。他们基本上做同样的事情。他们将 SASS 编译为 CSS。但：

• gulp-ruby-sass：是命令行工具的包装器：sass这是随语言而来的。它是用 Ruby 编写的通过 gem 安装- Ruby 的包管理器。

• gulp指南针：是命令行工具的包装器：compass附带Compass框架。它是用 Ruby 编写的，也是通过 gem 安装。然而，Compass只是一个框架。它仅由 SASS 文件组成。所有这些compass命令 do，正在将框架 SASS 文件的路径设置为sass命令以便解决 Compass 依赖关系。

• gulp-sass: 是一个包装工具：节点 sassNode.JS 绑定到libsass：Sass 编译器的 C/C++ 实现。

由于我正在使用，上述答案对我不起作用gulp-sass。它看不到开箱即用的指南针文件。所以首先我安装了罗盘-mixins（Compass框架的SASS文件）然后我用以下命令导入它们指南针进口商:

import compass from 'compass-importer';
import sass from 'gulp-sass';

gulp.task('styles', function () {
  return gulp.src(config.styles.src)
    .pipe(sass({
      importer: compass
    })
    .pipe(gulp.dest(config.styles.dest))
})