我正在努力将我的工作流程转移到 Gulp,到目前为止我很喜欢它;然而,我似乎误解了 gulp-filter 插件的工作原理......
我有以下任务:
gulp.task('assets', function() {
var stylesFilter = gulpFilter(stylesPath);
var imagesFilter = gulpFilter(imagesPath);
var scriptsFilter = gulpFilter(scriptsPath);
return gulp.src([].concat('app/**/*.html', stylesPath, imagesPath, scriptsPath))
// STYLES
.pipe(stylesFilter)
.pipe(gulp.dest('dist/test_styles')) // For debugging!
.pipe(sass({style: 'expanded' }))
.pipe(autoPrefixer('> 1%', 'last 3 versions', 'Firefox ESR', 'Opera 12.1'))
.pipe(concat('main.css'))
.pipe(minifyCss())
.pipe(rev())
.pipe(revReplace())
.pipe(gulp.dest('dist/css'))
.pipe(stylesFilter.restore())
// SCRIPTS
.pipe(scriptsFilter)
.pipe(gulp.dest('dist/test_scripts')) // For debugging!
.pipe(jsHint('.jshintrc'))
.pipe(jsHint.reporter('jshint-stylish'))
.pipe(concat('app.js'))
.pipe(uglify())
.pipe(rev())
.pipe(revReplace())
.pipe(gulp.dest('dist/js'))
.pipe(scriptsFilter.restore())
// IMAGES
.pipe(imagesFilter)
.pipe(gulp.dest('dist/test_images')) // For debugging!
.pipe(cache(imageMin({ optimizationLevel: 7, progressive: true, interlaced: true })))
.pipe(rev())
.pipe(revReplace())
.pipe(gulp.dest('dist/img'))
.pipe(imagesFilter.restore());
});
我使用的路径变量定义如下:
var stylesPath = [
'bower_components/foundation/scss/normalize.scss',
'bower_components/foundation/scss/foundation.scss',
'app/styles/app.scss'
],
scriptsPath = [
'app/scripts/**/*.js',
'!app/scripts/**/*_test.js'
],
imagesPath = [
'app/images/**/*'
];
我的问题是stylesFilter
, imagesFilter
, and scriptsFilter
正在过滤掉一切!我尝试在上面的任务中添加标记为“用于调试”的行,以便查看每个过滤部分中正在处理哪些文件,这表明all文件被过滤掉(即,没有文件被写入磁盘,并且上面的 gulp.dest() 语句标记为用于调试)。如果我在任何一个之后添加一行用于输出文件.pipe(*Filter.restore())
它输出原始输入中的所有文件(这是正确的文件)。为了更好地衡量,我还尝试对过滤器使用否定模式,但结果完全相同。
那么我错过了什么?为什么是nothing由过滤器返回?