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