Hello !
J'essaie de mettre en place gulp pour un nouveau theme WP (en suivant ce tuto : http://code.tutsplus.com/tutorials/using-gulp-for-wordpress-automation--cms-23081

Le soucis est que dès que je lance gulp watch ca s'arrete aussi tôt :

[23:57:46] Starting 'watch'...
[23:57:46] Finished 'watch' after 17 ms

J'ai recommencé 3 fois et je vois pas ce qui cloche :/

Quelqu'un aurait une idée ? Merci !

4 réponses


Defy
Réponse acceptée

ta tache default ne sert pas a grand chose elle vas lancer toute tes taches et le watch relance tes tache, c'est redondant et inutile.

tu lance bien gulp watch et non gulp seul on est d'accord?
tu as essayé avec un ./ devant tes chemins de dossier css js et img? les symptômes ressemble a un mauvais chemins donc rien a watch on ferme

Salut,

Pourrait-on voir ta tâche watch ?

Reivax
Auteur

Voici l'intégralité de mon gulpfile.js :

var gulp = require('gulp');
var sass = require('gulp-sass');
var jshint = require('gulp-jshint');
var concat = require('gulp-concat');
var imagemin = require('gulp-imagemin');

gulp.task('default', function(){
    console.log('default gulp task...')
});

gulp.task('sass', function () {
    gulp.src('./css/src/*.scss')
        .pipe(sass())
        .pipe(gulp.dest('./css'));
});

gulp.task('js', function () {
    gulp.src('js/src/*.js')
        .pipe(jshint())
        .pipe(jshint.reporter('fail'))
        .pipe(concat('theme.js'))
        .pipe(gulp.dest('js'));
});

gulp.task('img', function() {
  gulp.src('img/src/*.{png,jpg,gif}')
    .pipe(imagemin({
      optimizationLevel: 7,
      progressive: true
    }))
    .pipe(gulp.dest('img'));
});

gulp.task('watch', function() {
  gulp.watch('css/src/*.scss', ['sass']);
  gulp.watch('js/src/*.js', ['js']);
  gulp.watch('img/src/*.{png,jpg,gif}', ['img']);
});

gulp.task('default', ['sass', 'js', 'img', 'watch']);
Reivax
Auteur

Hum, désolé je devais être fatigué. J'ai retenté et ça fonctionne parfaitement ^^
Par contre j'essaie d'injecter automatiquement les dépendances de bower avec wiredep, mais il m'injecte uniquement jQuery.

Tu aurais une idée ?

EDIT : j'ai fini par réussir, voici ma tâche si ça peut aider quelqu'un :

gulp.task('wiredep', function () {
  gulp.src('./*.php')
      .pipe(wiredep({
        directory: './bower_components/',
        bowerJson: require('./bower.json'),
      }))
      .pipe(gulp.dest('./'));
});