2016-12-12 33 views
0

gulp.src函数返回32个文件,但只有1个文件从sass()返回。Gulp,Sass处理 - 在1个文件处停止

我是新来的吞咽,并希望有人可以指出,为什么所有32文件没有管道到sass()函数或为什么只有1个文件正在处理和由sass()返回。

gulp.src(folderFound.path + “/*.scss”)// 32个文件中找到显示在下

.pipe(SASS())//只1个文件从SASS()返回的输出日志保存为的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。

局部模板

您可以创建包含CSS,你可以包括在其他的Sass文件的小片段部分的Sass文件。这是一个模块化的CSS和帮助使事情变得更容易维护的好方法。部分只是一个带有下划线的Sass文件,您可以将其命名为_partial.scss。下划线让Sass知道该文件只是部分文件,并且不应该生成为文件。 Sass partials与@import指令一起使用。“

sass language guide

所以你得到预期的行为 - 谐音,开始用下划线,不产生一个输出文件,而只是用来包含另一个文件中。

+0

而这将解释单个输出的.css文件的巨大文件大小。非常感谢你。 – Watson