Question

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

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

我有一个样式文件夹，其中包含我的主要scss文件和一个partials子文件夹，其中包含我要导入的几个文件。

所以在我的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选项，还是应该可以使用？

由于

Answer 1

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

我相信如果你将'includePath'选项添加到包含partials目录父路径的sass（）函数调用中，那么错误就会消失。

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

gulp-sass：主scss文件无法找到并加载partials

1 个答案: