如何使用Gulp将不同的js与不同的js连接起来，然后将管道缩小/使之变为不同的包？

Question

我想用Gulp存档的是：

1. 例如，我目前正在编辑editing.js
2. 如果它已被更改/保存，那么将base1.js、base2.js、base3.js取出，按顺序将它们与我的editing.js连接起来，如base1.js、base2.js、base3.js、editing.js。
3. 使他们变得渺小和丑陋
4. 最后，将这个文件重命名为扩展名为‘rename ing.min.js’。 gulp.task('minify-js'，函数(){gulp.src(‘gulp.src/src/*.js’).pipe(concat(‘静态/src/base.js’)).pipe(uglify() .pipe(gulp.dest('static/dist'))；}；

在我的例子中，我有多个源文件要连接到多个捆绑文件。

我无法归档的是重命名到我目前正在编辑的文件名，例如ex1.js到ex1.min.js，它总是绑定到一个唯一的文件中。

初来乍到，希望能帮上忙，谢谢！

Answer 1

如果我理解正确的话，像这样的事情应该可以做到：

var concat = require('gulp-concat');

gulp.task('minify-js', function() {
  return gulp.src([ 'static/src/*.js', 'editing.js' ])
             .pipe(concat('editing.min.js'))
             .pipe(uglify())
             .pipe(gulp.dest('static/dist/'));
});

如您所见，不需要重命名，因为gulp-concat已经要求您指定输出文件名。

编辑：这是另一个例子。它监视对任何.js文件的更改(包含一些排除；您可以指定源文件所在的特定目录，以限制可能匹配的数量，而不是使用**/*.js )。当文件更改时，它将连接base*.js文件和已更改的文件，并使用已更改文件的文件名作为缩小文件名的基(foo.js→foo.min.js)：

var gulp   = require('gulp');
var path   = require('path');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');

gulp.task('minify-js', function() {
  // Watch for changes on JS files, but exclude some of them.
  return gulp.watch([ 
    '**/*.js', 
    '!static/src/base*.js',
    '!node_modules/',
  ], function(ev) {
    // Watch for changes to the files.
    if (ev.type !== 'changed') return;

    // Determine 'minified' filename.
    var basename = path.basename(ev.path);
    var extname  = path.extname(basename);
    var minname  = basename.replace(extname, '.min' + extname);

    // Run the uglify chain.
    return gulp.src([ 'static/src/base*.js', ev.path ])
        .pipe(concat(minname))
        .pipe(uglify())
        .pipe(gulp.dest('static/dist/'));
  });
});