我需要使用Gulp将其相应函数内的所有特定文件连接起来,文件夹结构如下:
最终文件应该是这个样子:
当我运行gulp时,文件仅仅被复制,注入并未发生。有任何想法是哪里出了问题吗?
。
modules
- header
- document.ready.js
- functions.js
- window.resize.js
- main
- document.ready.js
- functions.js
- window.resize.js
- footer
- document.ready.js
- functions.js
- window.resize.js
最终文件应该是这个样子:
//All functions.js files concated.
$(document).ready(function(){
//All document.ready.js files concated.
});
$(window).resize(function(){
//All window.resize.js files concated.
});
有人知道如何使用Gulp完成这个任务吗?
我目前的做法是:
gulp.task('modules', function() {
gulp.src('js/modules/**/document.ready.js')
.pipe(concat('document.ready.js'));
var source = gulp.src('generator/assets/js/document.ready.js', {read: false});
var target = gulp.src('js/modules/modules.js');
target.pipe(inject(source), {starttag: '<!-- inject:head:js -->'})
.pipe(gulp.dest('generator/assets/js'));
});
目标文件的内容如下:
$(document).ready(function(){
<!-- inject:head:js -->
<!-- endinject -->
});
当我运行gulp时,文件仅仅被复制,注入并未发生。有任何想法是哪里出了问题吗?