情况:我有以下 Gulp 脚本,它应该将我所有的 html 文件构建到 distFolder。此外,它应该通过解析 index.html 中的链接来构建外部脚本文件——这是 useref 的优点。我不确定这是否是理想的方法 - 但我需要拆分 html 文件 - 如果我放入多个 html 文件,我会遇到与 cleanCSS() 和 uglify() 的写入冲突。
// Parse the html file and create external scripts
gulp.task('htmlscripts', function() {
var s1 = gulp.src(['*.html', '!index.html'])
.pipe(useref({noAssets: true}))
.pipe(gulp.dest(distFolder));
var s2 = gulp.src('index.html')
.pipe(useref())
.pipe(cache('useref'))
.pipe(gulpif('*.js', uglify()))
.pipe(gulpif('*.css', cleanCSS()))
.pipe(gulp.dest(distFolder));
return merge(s1, s2);
});
// Minify
gulp.task('htmlmin', ['htmlscripts'], function() {
return ...
});
gulp.task('default', ['htmlscripts', 'htmlmin']);
问题:第二个任务 (htmlmin) 从未加载。看来,第一个任务(htmlscripts)没有在承诺中返回有效的结尾。(依赖问题)
如果我删除了两项任务中的一项,另一项将正确完成。
我做了以下测试:
不工作(htmlmin 任务未开始):
gulp.task('htmlscripts', function() {
var s1 = gulp....
var s2 = gulp....
return merge(s1,s2);
});
工作(我的意思是至少运行 htmlmin 脚本):
gulp.task('htmlscripts', function() {
var s1 = gulp....
var s2 = gulp....
return merge(s1);
});
不工作(htmlmin 任务未开始):
gulp.task('htmlscripts', function() {
var s1 = gulp....
var s2 = gulp....
return merge(s2); // this one is really strange, isn't it? (see next test)
});
工作(我的意思是至少运行 htmlmin 脚本):
gulp.task('htmlscripts', function() {
// var s1 = gulp....
var s2 = gulp....
return merge(s2);
});