gulp
JS verkleinen

Syntaxis

• ext Een object dat de uitvoerbron en verkleinde bestandsextensies opgeeft.
• source Het achtervoegsel van de bestandsnamen waarmee de bronbestanden eindigen.
• min When string: de achtervoegselreeks van de bestandsnamen die geminimaliseerde bestanden uitvoeren eindigt op.
• When Array: de regex-expressies die moeten worden vervangen door invoerbestandsnamen. Bijvoorbeeld: [/.(.*)-source.js$/, '$ 1.js']
• exclude Zal bestanden in de mappen niet verkleinen.
• noSource Zal de broncode niet uitvoeren in de dest map.
• ignoreFiles geen bestanden die overeenkomen met het patroon.
• mangle Geef false door om mangling-namen over te slaan.
• output Pass een object als u extra te geven output options . De standaardwaarden zijn geoptimaliseerd voor de beste compressie.
• compress Geef een object door om aangepaste compressor options . Geef false door om compressie volledig over te slaan.
• preserveComments Een handige optie voor options.output.comments. Standaard worden geen opmerkingen bewaard.
• all Bewaar alle opmerkingen in codeblokken
• some opmerkingen behouden die beginnen met een knal (!) of een Closure Compiler-richtlijn bevatten (@preserve, @license, @cc_on)
• function Geef uw eigen functie voor het bewaren van reacties op. U krijgt het huidige knooppunt en de huidige opmerking doorgegeven en u wordt verwacht dat deze true of false .

Opmerkingen

Minimaliseer JS met gulp-minify

Installeer eerst gulp en gulp-minify lokaal naar de projectmap

npm install --save-dev gulp gulp-minify

Voeg vervolgens de volgende min-js taak toe aan je 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']);

Bij deze taak worden alle js-bestanden in de lib directory gevonden, geminimaliseerd en opgeslagen in de lib directory met het achtervoegsel .min.js . Na het minify-bestand lib/app.js wordt bijvoorbeeld een bestand lib/app.min.js

Naast het uitvoeren van een afhankelijkheid voor de 'default' gulp-taak, kan deze taak handmatig worden uitgevoerd door de volgende opdracht te typen:

gulp min-js