2016-12-15 60 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

相關問題