0

Gulp でアーカイブしたいのは次のとおりです。

  1. たとえば、私は現在編集中ですediting.js
  2. 変更/保存されている場合はbase1.js、base2.js、 を取り出して、 、、 のようにbase3.jsmy と連結します。editing.jsbase1.jsbase2.jsbase3.jsediting.js
  3. それらを縮小して醜くする

  4. 最後に、このファイルの名前を「editing.min.js」のような拡張子で変更します。

    gulp.task('minify-js', function(){
    gulp.src('static/src/*.js')
        .pipe(concat('static/src/base.js'))
        .pipe(uglify())
        .pipe(gulp.dest('static/dist'));
});

私の場合、複数のバンドル ファイルに連結する複数のソース ファイルがあります。

アーカイブに失敗しているのは、現在編集中のファイル名に名前を変更することです。たとえばex1.js、ex1.min.js常に 1 つのファイルにまとめられます。

Gulp を初めて使用します。助けていただければ幸いです。ありがとう!!

4

1 に答える 1

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.jsfoo.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/'));
  });
});
于 2015-11-19T12:29:00.923 に答える