Gruntjs Gulp等效文件(来自Grunt)-多个src文件
我一直在尝试,相信这是Grunt的下一步,但相比之下,我在语法方面有一些问题 下面是我的Gruntjs Gulp等效文件(来自Grunt)-多个src文件,gruntjs,gulp,Gruntjs,Gulp,我一直在尝试,相信这是Grunt的下一步,但相比之下,我在语法方面有一些问题 下面是我的grunfile.js中的一节: concat: { ie: { options: { separator: "\n\n" }, src: [ "bower_components/selectivizr/selectivizr.js", "bower_components/respo
grunfile.js
中的一节:
concat: {
ie: {
options: {
separator: "\n\n"
},
src: [
"bower_components/selectivizr/selectivizr.js",
"bower_components/respond/dest/respond.min.js",
"bower_components/REM-unit-polyfill/js/rem.js"
],
dest: "assets/js/build/ie.js"
},
dist: {
options: {
separator: "\n\n"
},
src: [
// Foundation Vendor
"bower_components/foundation/js/vendor/fastclick.js",
"bower_components/foundation/js/vendor/placeholder.js",
// Foundation Core
"bower_components/foundation/js/foundation/foundation.js",
"bower_components/foundation/js/foundation/foundation.abide.js",
"bower_components/foundation/js/foundation/foundation.accordion.js",
"bower_components/foundation/js/foundation/foundation.alert.js",
"bower_components/foundation/js/foundation/foundation.clearing.js",
"bower_components/foundation/js/foundation/foundation.dropdown.js",
"bower_components/foundation/js/foundation/foundation.interchange.js",
"bower_components/foundation/js/foundation/foundation.joyride.js",
"bower_components/foundation/js/foundation/foundation.magellan.js",
"bower_components/foundation/js/foundation/foundation.offcanvas.js",
"bower_components/foundation/js/foundation/foundation.orbit.js",
"bower_components/foundation/js/foundation/foundation.reveal.js",
"bower_components/foundation/js/foundation/foundation.tab.js",
"bower_components/foundation/js/foundation/foundation.tooltip.js",
"bower_components/foundation/js/foundation/foundation.topbar.js",
// Custom Vendor
// Project
"assets/js/src/_init.js"
],
dest: "assets/js/build/scripts.js"
}
}
正如您所看到的,我正在指定特定的文件(因为我不想像您通常看到的那样拉入整个目录),这似乎很简单。我找到的所有关于Gulp的Tut似乎都遵循正则表达式格式:
gulp.task('scripts', function() {
return gulp.src("assets/js/src/_init.js")
.pipe(jshint('.jshintrc'))
.pipe(jshint.reporter('default'))
.pipe(concat('main.js'))
.pipe(gulp.dest('assets/js/build'))
.pipe(rename({ suffix: '.min' }))
.pipe(uglify())
.pipe(livereload(server))
.pipe(gulp.dest('assets/js/build'))
.pipe(notify({ message: 'Scripts task complete' }));
});
但是将逗号分隔的列表放入src
部分是行不通的——我们如何将一个文件数组传递给该方法
看起来我可以使用一个流中的多个流来分离特定于IE的脚本,如下所示:
gulp.task('test', function(cb) {
return es.concat(
gulp.src('bootstrap/js/*.js')
.pipe(gulp.dest('public/bootstrap')),
gulp.src('jquery.cookie/jquery.cookie.js')
.pipe(gulp.dest('public/jquery'))
);
});
但是,快速评论一下这是否正确也很好。谢谢 来自:
地球仪
类型:字符串
或数组
一个或多个要读取的全局
换句话说,传入一个字符串数组,如:
gulp.src(['file1.js','file2.js']).pipe(…)
// ^ ^
//'----数组-----'
请注意,这与Grunt的格式完全相同。这是一个全局数组,不是逗号分隔的列表。完全脱离主题,与您的问题无关,但您是否也使用gulp编译sass/compass?目前仍使用Grunt,但已从compass改为仅使用Grunt contrib sass和Grunt autoprefixer;做我需要的一切。那太棒了,我读过其他几篇博客,人们只是不知道,正在使用替代品。