gulp
Minimiser JS

Syntaxe

• ext Objet spécifiant la source de sortie et les extensions de fichier minifiées.
• source Chaîne de suffixe des noms de fichiers avec lesquels les fichiers source sortent.
• min When string: Chaîne de suffixe des noms de fichiers qui génèrent des fichiers minifiés.
• When Array: expressions d'expressions rationnelles à remplacer par les noms de fichiers d'entrée. Par exemple: [/.(.*)-source.js$/, '$ 1.js']
• exclude Ne pas minimiser les fichiers dans les répertoires.
• noSource pas le code source dans les répertoires dest.
• ignoreFiles Ne pas minifier les fichiers qui correspondent au modèle.
• mangle Passe false pour ignorer les noms flous.
• output Passer un objet si vous souhaitez spécifier des output options . Les valeurs par défaut sont optimisées pour une meilleure compression.
• compress Passer un objet pour spécifier des compressor options personnalisées. Passer false pour ignorer complètement la compression.
• preserveComments Une option pratique pour options.output.comments. Par défaut, conserver aucun commentaire.
• all conserver tous les commentaires dans les blocs de code
• some conservent des commentaires qui commencent par un bang (!) ou incluent une directive du compilateur de fermeture (@preserve, @license, @cc_on)
• function Spécifiez votre propre fonction de préservation des commentaires. Le noeud actuel et le commentaire actuel vous seront transmis et vous devrez retourner true ou false .

Remarques

Minimiser JS en utilisant gulp-minify

Tout d'abord, installez gulp et gulp-minify dans le répertoire du projet localement

npm install --save-dev gulp gulp-minify

Ajoutez ensuite la tâche min-js gulpfile.js à votre 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']);

Cette tâche recherche tous les fichiers js dans le répertoire lib , minfy et enregistre dans le répertoire lib avec le suffixe .min.js . Par exemple, après rapetisser lib/app.js fichier sera créé un lib/app.min.js fichier

Outre l'exécution en tant que dépendance pour la tâche 'default' , cette tâche peut être exécutée manuellement en tapant la commande suivante:

gulp min-js