我正在尝试返回位于不同文件夹中的扩展名为.css和.styl的文件,并在Gulp任务中使用它们,但没有太大成功。我想知道我在这里做错了什么?这是我的代码:
var pattrn = /(styl|css)$/g;
var path1 = './dev/**/';
var paths = {
dev_styles: path1.match( pattrn ),
build: './build'
};
gulp.task( 'styles', function() {
var processors = [
csswring,
autoprefixer( { browsers: [ 'last 2 version' ] } )
];
return gulp
.src( paths.dev_styles )
.pipe( plugins.postcss( processors ) )
.pipe( plugins.rename( { suffix: '.min'} ) )
.pipe( gulp.dest( paths.build ) );
});
我收到此错误:
Error: Invalid glob argument: null
答案 0 :(得分:0)
嗯,你的问题是,这不是gulp的工作方式。
检查documentation关于gulp.src,它说明:
gulp.src(globs [,options])接受glob或glob数组来读取。
这意味着您不需要进行奇特(奇怪)过滤,指定正确的node-glob syntax就足够了。
回到你的问题,这将解决它:
gulp.task( 'styles', function() {
var processors = [
csswring,
autoprefixer( { browsers: ['last 2 version' ] } )
];
return gulp
.src( 'root_to_styl_files/**/*.styl' ) // Will get all .styl files in the specified folder & subfolders
.pipe( plugins.postcss( processors ) )
.pipe( plugins.rename( { suffix: '.min' } ) )
.pipe( gulp.dest( './build' ) );
});
答案 1 :(得分:0)
Globs的数组是解决方案。如上所述,avcajaraville不需要正则表达式。这是一个完成这项工作的片段:
.src(['./root_to_files/**/*.css', './root_to_files/**/*.styl']),
这将返回与模式匹配的文件,并使它们可供任何gulp插件进一步处理(管道)。它们最终将放在目标文件夹(dest)上,如果没有进行进一步处理(例如展平,清理等),则复制原始文件夹结构。
.pipe(gulp.dest('./build'));