Gulp pour compiler MOINS dans plusieurs dossiers de thème Wordpress et créer des dossiers CSS respectifs

Question

J'essaie d'obtenir Gulp pour compiler tous mes fichiers MOINS à partir d'un dossier MOINS et ensuite créer un dossier CSS dans leurs dossiers de thème Wordpress respectifs compilés dans un répertoire CSS /main.css fichier. C'est en utilisant Wordpress wp-content/themes/theme-name/less en tant que structure de fichier. Chaque fois que j'essaie de le compiler, il le jette dans un dossier/themes/** ou si j'utilise .pipe (gulp.dest ('./ css /')); il le crée à la racine du projet. Je veux qu'il crée un nouveau dossier css dans chacun des dossiers de thème et compile main.css dans chacun de ces dossiers en fonction de leurs fichiers MOINS respectifs.

gulp.task('less', ['clean'], function() { 

var paths = [ 
    "wp-content/themes/theme-name-1/less/_compile.less", 
    "wp-content/themes/theme-name-2/less/_compile.less", 
    "wp-content/themes/theme-name-3/less/_compile.less" 
]; 

var compile = gulp.src(paths, { base: './'}) 
    .pipe(rename({ 
     basename: "main", 
     extname: ".css" 
    })) 
    .pipe(sourcemaps.init()) 
    .pipe(less()) 
    .pipe(autoprefixer()) 
    .pipe(sourcemaps.write('./css')) 
    .pipe(gulp.dest('wp-content/themes/**/css')); 

return (compile); 
    }); 

La façon dont je veux que cela se produise est:

Lorsque vous exécutez lampée, il compile et crée un dossier: wp-content/themes/thème Nom/css de wp-content/themes/thème -sans nom. Je veux qu'il regarde dans chaque dossier de nom de thème et crée un dossier/css/respectif avec le moins compilé étant main.css. À l'heure actuelle, il semble créer un dossier ** à la racine de wp-content/themes.

Answer 1

gulp.dest est la destination d'où vos fichiers seront placés, alors .pipe(gulp.dest('wp-content/themes/**/css')); placera vos fichiers compilés dans le dossier wp-content/themes/**/css.

Donc changé à la destination de l'endroit où vous voulez que vos fichiers soient placés, alors utilisez-le comme ceci: .pipe(gulp.dest('wp-content/themes/theme-name/css'));.