gulp
Minificando JS

Sintassi

• ext Un oggetto che specifica l'origine di output e le estensioni di file miniate.
• source La stringa del suffisso dei nomi file che termina con i file di origine.
• min Quando stringa: la stringa del suffisso dei nomi file che termina con i file minificati.
• Quando array: espressioni regex da sostituire con nomi file di input. Ad esempio: [/.(.*)-source.js$/, '$ 1.js']
• exclude Will non minimizza i file nelle directory.
• noSource Non noSource il codice sorgente nelle noSource .
• ignoreFiles Non minimizza i file che corrispondono al modello.
• mangle Passa false per saltare i nomi di mangling.
• output Passa un oggetto se desideri specificare ulteriori output options . I valori predefiniti sono ottimizzati per la migliore compressione.
• compress Passa un oggetto per specificare compressor options personalizzato. Passa falso per saltare completamente la compressione.
• preserveComments Un'opzione di convenienza per options.output.comments. Impostazioni predefinite per non conservare commenti.
• all Mantieni tutti i commenti nei blocchi di codice
• some Mantieni commenti che iniziano con un botto (!) o includono una direttiva Closure Compiler (@preserve, @license, @cc_on)
• function Specificare la propria funzione di conservazione dei commenti. Verrà passato il nodo corrente e il commento corrente e ci si aspetta che restituisca sia true che false .

Osservazioni

Minimizza JS usando gulp-minify

Per prima cosa, installa gulp e gulp-minify nella directory del progetto localmente

npm install --save-dev gulp gulp-minify

Quindi aggiungi la seguente attività min-js al tuo 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']);

Questa attività trova tutti i file js nella directory lib , minfy e salva nella directory lib con il suffisso .min.js . Ad esempio, dopo aver lib/app.js file lib/app.js verrà creato un file lib/app.min.js

Oltre a essere eseguito come dipendenza per l'attività 'default' gulp 'default' , questa attività può essere eseguita manualmente digitando il seguente comando:

gulp min-js