在缩小之后，如何让Gulp将文件放在构建中的相应目录中？

Question

到目前为止，在我的gulpfile中，我正在使用uglify缩小Javascript代码并使用sourcemaps来保留跟踪。问题是所有文件都进入build目录的根目录。我希望Gulp在构建目录下创建与复制目录相同的目录。

到目前为止，这是我的代码：

var gulp = require('gulp'),
    javascript_minify = require('gulp-uglify'),
    sourcemaps = require('gulp-sourcemaps'),
    files = {
        javascript: ['controllers/*.js', 'directives/*.js', 'services/*.js', 'app.js'],
        html: [], // to be added
        css: [] // to be added
    };

gulp.task('javascript-minify', function () {
    gulp.src(files.javascript)
        .pipe(sourcemaps.init())
        .pipe(javascript_minify())
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('build'));
});

如前所述，这是问题的视觉效果：

我该如何解决这个问题？

Answer 1

我认为你只需要将base作为第二个参数传递给源......

gulp.task('javascript-minify', function () {
    gulp.src(files.javascript, {base: "."})
        .pipe(sourcemaps.init())
        .pipe(javascript_minify())
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('build'));
});

那应该对你有帮助。