gulp
Mining JS

Syntax

• ext Ein Objekt, das Ausgabequellen und minimierte Dateierweiterungen angibt.
• source Die Suffix-Zeichenfolge der Dateinamen, mit denen die Quelldateien ausgegeben werden.
• min Wenn Zeichenfolge: Die Suffix-Zeichenfolge der Dateinamen, die minimierte Dateien ausgeben, endet mit.
• When Array: Die regulären Ausdrücke, die durch die Dateinamen der Eingabe ersetzt werden sollen. Zum Beispiel: [/.(.*)-source.js$/, '$ 1.js']
• exclude Die Dateien in den Verzeichnissen werden nicht minimiert.
• noSource den Quellcode nicht in den Zielverzeichnissen aus.
• ignoreFiles keine Dateien, die dem Muster entsprechen.
• mangle Pass false , um die Namensreduzierung zu überspringen.
• output Sie ein Objekt , wenn Sie zusätzliche angeben output options . Die Standardeinstellungen sind für die beste Komprimierung optimiert.
• compress Übergeben Sie ein Objekt, um benutzerdefinierte compressor options anzugeben. Übergeben Sie false, um die Komprimierung vollständig zu überspringen.
• preserveComments Eine praktische Option für options.output.comments. Standardmäßig bleiben keine Kommentare erhalten.
• all Behalten Sie alle Kommentare in Codeblöcken bei
• some Kommentare erhalten, die mit einem Knall (!) oder eine Closure Compiler-Direktive enthalten (@preserve, @license, @cc_on)
• function Geben Sie Ihre eigene Funktion zum Beibehalten von Kommentaren an. Sie erhalten den aktuellen Knoten und den aktuellen Kommentar. Es wird erwartet, dass Sie entweder " true oder " false .

Bemerkungen

Minify JS mit gulp-minify

Installieren Sie zunächst gulp und gulp-minify lokal im Projektverzeichnis

npm install --save-dev gulp gulp-minify

min-js Sie dann die folgende min-js Aufgabe zu Ihrer gulpfile.js

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

gulp.task('min-js', function() {
    return gulp.src('lib/*.js')
        .pipe(minify({
            ext: {
                min: '.min.js'
            },
            ignoreFiles: ['-min.js']
        }))
        .pipe(gulp.dest('lib'))
});

gulp.task('watch', function(){
  gulp.watch('lib/*.js', ['min-js']); 
  // Other watchers
});

gulp.task('default', ['min-js', 'watch']);

Diese Aufgabe findet alle js-Dateien im lib Verzeichnis, speichert sie und speichert sie im lib Verzeichnis mit .min.js Suffix .min.js . Zum Beispiel wird nach minify lib/app.js eine lib/app.min.js Datei erstellt

Diese Aufgabe kann nicht nur als Abhängigkeit für die 'default' Schluck" ausgeführt werden. Sie kann auch manuell ausgeführt werden, indem Sie den folgenden Befehl eingeben:

gulp min-js