2015-08-15 62 views
2

我想在我的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('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 ... )在输出文件中似乎是错误的。

我在做什么错了?

+2

我建议把任务单的像例如一个用于缩小JS,一个是压缩HTML,以便更容易调试,以及。您可以使用数组指定任务的依赖关系作为任务的第二个参数,并将回调作为第三个参数。 –

+1

我同意@mitogh,为javascript缩小和另一个用于CSS的单独任务...并将它们用作最终任务的依赖项 – harishr

回答

0

我为minifyHtml创建了一个单独的任务,解决了这个问题。

感谢@mitogh和@entre