angularjs - gulp 维护与源中相同的目标路径

Question

我有一个下面的角度文件夹结构。我想丑化/缩小 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

谢谢

Answer 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 - uglify ，gulp-htmlmin