Sass 尝试导入指南针混音器

我刚刚顺利地完成了教程，开始使用SASS。正如您所看到的，它包括一个使用指南针混音器的部件。我编译了

.scss

文件，包括

@import compass/css3/box size

，没有任何问题

现在我想编译我的

.scss

文件，但要使用Gulp。所以我遵循了教程。现在我有了这些文件：

//src/DefaultBundle/Resources/public/assets/css/main.scss
form {
  span {
    color: red;
  }
}

var gulp = require('gulp');
var sass = require('gulp-sass');
gulp.task('default', function() {
    gulp.src('src/DefaultBundle/Resources/public/assets/css/main.scss')
        .pipe(sass())
        .pipe(gulp.dest('web/css'));
});

因此，当我像后面的教程所说的那样运行

$gulp

时，我得到了

.css

文件

问题：如果在

.scss文件的顶部添加
@import compass/css/box size，则在运行
$gulp
时会出现此错误：

[13:12:01] Working directory changed to /var/www/my_project
[13:12:01] Using gulpfile /var/www/my_project/gulpfile.js
[13:12:01] Starting 'default'...
[13:12:01] Finished 'default' after 5.37 ms

events.js:72
        throw er; // Unhandled 'error' event
              ^
Error: src/DefaultBundle/Resources/public/assets/css/main.scss
Error: File to import not found or unreadable: compass/css3/box-sizing
       Parent style sheet: stdin
        on line 2 of stdin
>> @import "compass/css3/box-sizing";
   ^

    at options.error (/var/www/my_project/node_modules/gulp-sass/node_modules/node-sass/lib/index.js:277:32)

我在Ubuntu 15上。试试看。您还可以使用
includePaths
选项添加任何部分：

var gulp = require('gulp');
var sass = require('gulp-sass');
gulp.task('default', function() {
    gulp.src('src/DefaultBundle/Resources/public/assets/css/main.scss')
        .pipe(sass({
             includePaths: ['./node_modules/compass-mixins/lib', './another/partials/location']
        }))
        .pipe(gulp.dest('web/css'));
});

您没有使用Compass，为什么您认为可以从Compass导入混音器？链接到的Gulp教程仅显示如何将其与Sass一起使用，而不是与Compass一起使用。这可能会对您有所帮助：