gulp
Minifiera JS

Syntax

• ext Ett objekt som anger utgångskälla och minifierade filändelser.
• source Suffixsträngen för filnamn som matar ut källfiler slutar med.
• min När sträng: Suffikssträngen för filnamn som matar ut minifierade filer slutar med.
• When Array: Regex-uttryck som ska ersättas med inmatade filnamn. Till exempel: [/.(.*)-source.js$/, '$ 1.js']
• exclude Minifierar inte filer i adresserna.
• noSource inte ut källkoden i dest dirs.
• ignoreFiles inte filer som matchar mönstret.
• mangle Pass false att hoppa över manglande namn.
• output Passera ett objekt om du vill ange ytterligare output options . Standardvärdena är optimerade för bästa komprimering.
• compress Passera ett objekt för att ange anpassade compressor options . Passera falskt för att hoppa över komprimering helt.
• preserveComments Ett bekvämlighetsalternativ för options.output.comments. Som standard behåller inga kommentarer.
• all Bevara alla kommentarer i kodblock
• some Bevara kommentarer som börjar med ett slag (!) eller inkluderar ett Closure Compiler-direktiv (@preserve, @license, @cc_on)
• function Ange din egen kommentarbevarande funktion. Du kommer att skickas över den aktuella noden och den aktuella kommentaren och förväntas returnera antingen true eller false .

Anmärkningar

Förminska JS med gulp-minify

Först installera gulp och gulp-minify till projektkatalogen lokalt

npm install --save-dev gulp gulp-minify

Lägg sedan till följande min-js uppgift till din 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']);

Denna uppgift hittar alla js-filer i lib katalogen, minfy det och spara till lib katalogen med .min.js suffix. Till exempel, efter att minifiera lib/app.js filen skapas en lib/app.min.js fil

Förutom att köra som ett beroende för den 'default' gulp-uppgiften, kan denna uppgift köras manuellt genom att skriva följande kommando:

gulp min-js