2016-12-15 74 views
-1

我有一个以下的角度文件夹结构。我想uglify/minify js和html文件。 最后我想要在“build”文件夹中维护相同的文件夹结构。 我怎样才能做到这一点吞咽?gulp保持与源中相同的目标路径

client<folder> 
    views<folder> 
     index.html 
     app.js 
     home <folder> 
      home.js 
      home.html 
     page1<folder> 
      page1.js 
      page1.html 
     page2<folder> 
      page2.js 
      page2.html 
     page3<folder> 
      page3.js 
      page3.html 

感谢

回答

1

看看提供的代码

var gulp = require('gulp'); 
var uglify = require('gulp-uglify'); //uglifies your JavaScript 
var minify = require('gulp-htmlmin'); //minifies your HTML 

gulp.task('build', ['uglify', 'copyHTML'], function() {}); 

gulp.task('copyHTML', function() { 
    return gulp.src('client/**/*.html') 
     .pipe(minify({ collapseWhitespace: true }) 
     .pipe(gulp.dest('dist/')); 
}); 

gulp.task('uglify', function() { 
    return gulp.src('client/**/*.js') 
     .pipe(uglify()) 
     .pipe(gulp.dest('dist/')); 
}); 

附加信息: gulp-uglifygulp-htmlmin

相关问题