Gulp：尝试导入指南针混合答案

【问题标题】：Gulp: trying to import compass mixinsGulp：尝试导入指南针混合
【发布时间】：2016-05-05 19:45:58
【问题描述】：

我刚刚按照this 教程没有问题，开始使用SASS。如您所见，它包含一个使用 compass mixins 的部分。我已经编译了 .scss 文件，包括 @import compass/css3/box-sizing 没有问题。

现在我想编译我的 .scss 文件，但使用 Gulp。所以我遵循了this 教程。所以现在我有了这些文件：

//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 file 的顶部添加@import compass/css/box-sizing，运行$ 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 上。

【问题讨论】：

你没有使用 Compass，你为什么认为你可以从 Compass 导入 mixin？您链接到的 Gulp 教程仅向您展示了如何将它与 Sass 一起使用，而不是 Compass。
这可能会对您有所帮助：stackoverflow.com/questions/24745932/…

标签： sass gulp compass-sass

【解决方案1】：

试试THIS。您还可以使用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'));
});

【讨论】：