Gulp + WordPress

Ce sujet est résolu
Default
,

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éponse

Default
,

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

47217
,

Salut,

Pourrait-on voir ta tâche watch ?

Default
,

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']);
Default
,

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('./'));
});