gulp-sass：主 scss 文件无法找到和加载部分文件答案

【问题标题】：gulp-sass: main scss file unable to find and load partialsgulp-sass：主 scss 文件无法找到和加载部分文件
【发布时间】：2015-09-18 14:22:56
【问题描述】：

我不熟悉使用 gulp-sass 和 sass\scss 结构，所以请耐心等待！

我有一个 scss 文件，我想在其中导入一些部分。

我有一个样式文件夹，其中包含我的主 scss 文件和一个包含我希望导入的几个文件的部分子文件夹。

所以在我的 main.scss 顶部我有典型的：

@import 'partials/main_menu';
@import 'partials/main_usermenu';

以下是我的 gulp 文件的相关部分：

var paths = {
  scss_files:'./src/assets/styles/**/*.scss'
}

gulp.task('compile_sass', function () {
    return gulp.src(paths.scss_files, {base:'src'})
    .pipe(gulp.dest(paths.dist))
    .on('error', gutil.log)
    .pipe(sass({outputStyle: 'compressed'})
    .on('error', sass.logError))
    .pipe(rename({suffix: '.min'}))
    .pipe(gulp.dest(paths.dist))
});

当我的 gulp 任务运行时，我收到一条错误消息，提示我的 main_menu 部分未找到或无法读取，因此无法导入。

我是否在我的任务中遗漏了什么，例如是否有一些我应该使用的 gulp-sass 选项或者它应该可以工作？

谢谢

【问题讨论】：

你能展示你的 sass 文件结构吗？也尝试删除 gulp.src 函数中的“base”参数。
有没有人知道如何解决这个问题？在尝试导入 Twitter Bootstrap 的 sass 文件时，我遇到了同样的错误消息。

标签： sass gulp-sass

【解决方案1】：

查看此相关question 后，我能够解决我遇到的类似问题。

我相信，如果您将 'includePath' 选项添加到包含部分目录的父路径的 sass() 函数调用中，错误就会消失。

即就像是 .pipe(sass({includePath: ['parent/PathTo/Partials'], outputStyle: 'compressed'})

【讨论】：