2016-12-12 7 views
0

Функция gulp.src возвращает 32 файла, но из sass() возвращается только 1 файл.Gulp, обработка Sass - останавливается в 1 файле

Я новичок в gulp и надеялся, что кто-то может указать, почему все 32 файла не передаются в функцию sass() или почему обрабатывается только 1 файл и возвращает sass().

gulp.src (folderFound.path + "/*.scss") // 32 найденных файлов журнал результат, показанный ниже

.pipe (дерзость()) // только один файл вернулся из дерзости() в сохранить как .css

/* File: gulpfile.js */ 

// grab our gulp packages 
var gulp = require('gulp'); 
var gutil = require('gulp-util'); 
var path = require('path'); 
var concat = require('gulp-concat'); 
var recursiveFolder = require('gulp-recursive-folder'); 

var options = { 
    pathToFolder: './sass/', 
    readFolder: './sass/', 
    target: './Compiled' 
} 

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

gulp.task('generateTree', recursiveFolder({ 
    base: options.pathToFolder, 
    exclude: [ // exclude the debug modules from thus build 
     'debug-modules' 
    ] 
}, function(folderFound){ 

return gulp.src(folderFound.path + "/*.scss")  
    .on("data", function(test) { 
    gutil.log("Found Files: ", test.path); 
}) 
    .pipe(

    sass().on('error', 

    function(test) { 
    gutil.log("error: ", test.path); 
}) 
    ) 
.on("data", function(test) { 
    gutil.log("SASS Processed: ", test.path); 
}) 

    .pipe(gulp.dest('./css')); 
    ; 
})); 


[16:18:40] Using gulpfile d:\Materialize\materialize-src\gulpfile.js 
[16:18:40] Starting 'generateTree'... 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\materialize.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_buttons.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\date_picker\_default.date.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\forms\_checkboxes.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_cards.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\date_picker\_default.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\forms\_file-input.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_carousel.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\date_picker\_default.time.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\forms\_forms.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_chips.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\forms\_input-fields.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_collapsible.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\forms\_radio-buttons.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_color.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\forms\_range.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_dropdown.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\forms\_select.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_global.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\forms\_switches.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_grid.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_icons-material-design.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_materialbox.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_mixins.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_modal.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_navbar.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_normalize.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_prefixer.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_preloader.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_roboto.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_sideNav.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_slider.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_table_of_contents.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_tabs.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_toast.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_tooltip.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_typography.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_variables.scss 
[16:18:40] Found Files: d:\Materialize\materialize-src\sass\components\_waves.scss 
**[16:18:40] SASS Processed: d:\Materialize\materialize-src\sass\materialize.css** 
[16:18:40] Finished 'generateTree' after 162 ms 

ответ

1

Все ваши .scss файлов, что называют «парциальных» кроме materialize.css.

"Partials

Вы можете создавать частичные файлы Sass, которые содержат небольшие фрагменты CSS, которые вы можете включать в других файлах Сассы. Это отличный способ модуляризует ваш CSS и помогут сохранить вещи проще в обслуживании. Частичный - это просто файл Sass с лидирующим подчеркиванием. Вы можете называть его чем-то вроде _partial.scss. Подчеркивание позволяет Sass знать, что файл является лишь частичным файлом и что он не должен быть сгенерирован в файл CSS. Частицы Sass используются с директивой @import. "

из sass language guide

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

+0

И это объяснило бы здоровенный размер файла одного выводимого файла .css. Большое спасибо. – Watson