2017-09-14 4 views
0

J'essaye d'installer quelques tâches de Gulp. Je veux concaténer certains fichiers JS, les réduire pour créer un fichier JS, mais je veux que cela soit fait chaque fois qu'une modification a été faite dans les fichiers JS d'origine mais je n'arrive pas à faire fonctionner correctement la tâche 'watch'Gulp concat et minify avec une tâche de surveillance

Ceci est mon Gulpfile.js

gulp.task('minify', ['watch', 'scripts'], function(){ 
    gulp.src('themes/corp-fluid/js/dist/**/*.js') 
      .pipe(minify({ 
      ext:{ 
       src:'-debug.js', 
       min:'.js' 
      }, 
      ignoreFiles: ['-min.js'] 
      })) 
      .pipe(gulp.dest('themes/corp-fluid/js/dist')); 
}); 

gulp.task('scripts', function(){ 
    return gulp.src(['themes/corp-fluid/js/slick.js', 'themes/corp-fluid/js/functions.js']) 
      .pipe(concat('main.js')) 
      .pipe(gulp.dest('themes/corp-fluid/js/dist')); 
}); 

gulp.task('watch', function(){ 
    gulp.watch('themes/corp-fluid/js/**/*.js'); 
}); 
+1

ici, j'ai documenté une petite application de démarrage engouffreur consultez https://github.com/wavemeetu/gulp-seed-app avec et se fondre dans le format réduit d'un seul fichier –

+0

Merci, j'ai utilisé votre méthode et ça marche :) – Larsmanson

Répondre

1

quelques choses. Vous devez appeler quelque chose dans votre tâche « montre », si

gulp.task('watch', function(){ 
    gulp.watch('themes/corp-fluid/js/**/*.js', ['minify']); 
}); 

et simplifier la première ligne de votre tâche « rapetisser » à

gulp.task('minify', ['scripts'], function(){ 

vous n'avez pas besoin d'appeler la « montre 'Tâche encore là. Et enfin, vous exécuterez la chose avec

gulp watch