Gulp 狼吞虎咽会产生错误的输出
我正在尝试运行任务来缩小index.html中的大小和其他内容:Gulp 狼吞虎咽会产生错误的输出,gulp,gulp-uglify,gulp-useref,Gulp,Gulp Uglify,Gulp Useref,我正在尝试运行任务来缩小index.html中的大小和其他内容: gulp.task('bundle', function(){ var assets = useref.assets(); var autoprefixerConfig = { browsers: ['last 2 versions', '> 4%', '> 4% in BR'], cascade: false }; return gulp.src('s
gulp.task('bundle', function(){
var assets = useref.assets();
var autoprefixerConfig = {
browsers: ['last 2 versions', '> 4%', '> 4% in BR'],
cascade: false
};
return gulp.src('src/*.html')
.pipe(assets)
.pipe(gulpif('*.js', uglify()))
.pipe(gulpif('*.css', autoprefixer(autoprefixerConfig), minifyCss()))
.pipe(assets.restore())
.pipe(useref())
.pipe(minifyHtml())
.pipe(gulp.dest('dist'));
});
但是所有的Javascript(如bootstrap.js、respond.js…)在输出文件中似乎都是错误的
我做错了什么?我为minifyHtml创建了一个单独的任务,这就解决了问题
多亏了@mitogh和@entre,我建议将任务分解为单个任务,例如一个用于minify js,一个用于minify html,这样也更容易调试。您可以使用数组作为任务的第二个参数,使用回调作为第三个参数来指定任务的依赖关系。我同意@mitogh的观点,javascript缩编有单独的任务,css有另一个任务。。。并将其作为最终任务的依赖项