Gulp компилирует Sass файлы начинающиеся с подчеркивания?

Question

[Никита Иванов]

Возникла проблема. После того как сменил gulp-ruby-sass на gulp-sass, при компиляции sass файлов, у меня в папку dist добавляются scss-файлы начинающиеся с подчеркивания.

Краткий gulpfile.js

var gulp = require('gulp'),
    sass = require('gulp-sass');

var src = {
    root    : 'src',
    sass    : 'src/sass/**/*.scss',
}

gulp.task('sass', function() {
    gulp.src(src.sass)
        .pipe(sourcemaps.init())
        .pipe(plumber())
        .pipe(autoprefixer("last 2 version", "ie>=9"))
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('dist/css'))
        .pipe(reload({stream:true}));
});

gulp.task('watch', ['sass'], function() {
    gulp.watch(src.sass, ['sass']);
});
gulp.task('default', ['watch']);

Comments

[sergey]

спрошу: зачем сменили?

Answer 1

[Алексей Струков]

Засунь все файлы с подчеркиванием внутрь одного главного через import и укажи этот главный файл в gulp.src(src/sass/myStyle.scss)

Comments

[Никита Иванов]

Так вся проблема в том, что я все файлы, которые начинаются с подчеркивания импортирую внутрь style.scss. Просто нужды прописывать строго путь до конкретного файла не было, когда использовал тот же ruby-sass, тот же код исправно работал и не создавал файлы с подчеркиванием в папке dist.

[Алексей Струков]

Никита Иванов: ненадо в ручную прописывать каждый файл. Достаточно указать один главный файл в gulp. Сейчас у вас он берет все файлы и обрабатывает их. Пусть берет только один.

[Никита Иванов]

У меня сейчас проблема даже скорее не в этом. А в том, что у меня не компилирует scss файлы в css. Незнаю почему так, хотя все верно прописываю. С чем это может быть связано, я указал в кач-ве пути ['src/sass/**/*.scss', '!src/sass/**/_*'], только вот в папке dist, у меня просто тупо копируется файл style.scss без компиляции в css.

[Алексей Струков]

Никита Иванов: это все мастурбация)
Делай как я выше написал)
Один файл на входе - один на выходе и no problemo

[Никита Иванов]

ok. Разобрался. Спасибо всем за помощь. В догонку к этому вопросу, почему все советует использовать такую конструкцию, когда я создаю task.
Как не надо
gulp.task('html', function() {
gulp.src(src.html)
.pipe(gulp.dest(dest.root))
});

gulp.task('html', function() {
return gulp.src(src.html)
.pipe(gulp.dest(dest.root))
});

Т.е. писать return. Для чего это писать, если и без него работает. Просто часто бывает такое, юзаешь какой-то плагин с сайта npmjs.com, а там в примерах, одни пишут return, а другие нет. Как быть и принципиально ли это?

[Алексей Струков]

Никита Иванов: по идее надо ставить когда у тебя конструкция типа gulp.src и т.д.
А если просто надо запустить какие то watchers то не надо. Я сам уже точно не помню как все там работает. Один раз давно поставил, настроил и забыл )

Answer 2

[Дмитрий Кравченко]

var src = {
    root    : 'src',
    sass    : ['src/sass/**/*.scss', '!src/sass/**/_*']
}