Что делать если gulp-sass не видит файл при импорте?

Question

[Rufix]

Изучаю gulp, пытаюсь сделать сборку по видео-урокам. Добавил в сборку казалось бы дефолтный gulp-sass, но при импорте в основной файл scss, в консоли выдается ошибка:

Error: File to import not found or unreadable: ../../pug/components/**/*.

Структура сборки:


Gulpfile.js (таски подключаются отдельными файлами)

'use strict';
const imagemin = require('gulp-imagemin');

global.$ = {
    gulp: require('gulp'),
    gp:   require('gulp-load-plugins')(),
    bs:   require('browser-sync').create(),

    path: {
        tasks: require('./gulp/config/tasks.js')
    }
};

$.path.tasks.forEach(function (taskPath) {
    require(taskPath)();
});

$.gulp.task('default', $.gulp.series (
    $.gulp.parallel('imagemin', 'pug','sass'),
    $.gulp.parallel('watch', 'serve')
))

sass.js (таск самого gulp-sass)

module.exports = function () {
    $.gulp.task('sass', function () {
        return $.gulp.src('src/static/scss/style.scss')
            .pipe($.gp.sourcemaps.init())
            .pipe($.gp.sass({}))
            .pipe($.gp.autoprefixer({
                browsers: ['last 10 versions']
            }))
            .on('error', $.gp.notify.onError({
               title: "style" 
            }))
            .pipe($.gp.csso())
            .pipe($.gp.sourcemaps.write())
            .pipe($.gulp.dest('build/static/css/'))
            .pipe($.bs.reload({
                stream: true
            }));
    });
}

Ну и на всякий случай style.scss

@import "variables";
@import "default";
@import "../../pug/components/**/*";

Comments

[Ankhena]

Что-то мне кажется, что он сам по себе, без плагина, папки не умеет импортировать.
Правда никогда так не пишу, поэтому могу и ошибаться.

Answer 1

[Froggyweb]

Дли импорта папок нужен
https://www.npmjs.com/package/gulp-sass-glob

Comments

[Rufix]

Это как минимум странно, ибо на странице npm gulp-sass в примере есть импорт папок и про gulp-sass-glob там ничего нет

[Froggyweb]

речь не о gulp sass
а о импорте. Стандартный интерпретатор не поддерживает множественный импорт файлов, поскольку из порядок будет рандомным. Поэтому либо костыль со знанием дела, либо импорт по одному файлу.

[Ankhena]

Rufix, gulp-sass я вообще не вижу примеров про @import

[Froggyweb]

зы нужно учитывать, что порядок файлов будет рандомный, поэтому это дополнительная опция