Articles of gulp

Gulp – copier et renommer un fichier

Je suis extrêmement nouveau à Gulp. J’essaie essentiellement de rechercher un fichier JavaScript modifié, puis d’en faire une nouvelle copie sous un nouveau nom. (finalement, il y aura un traitement, mais Rome n’a pas été construit en un jour). Ma tentative (naïve) est la suivante: gulp.task(‘default’, function() { return gulp.watch(‘../**/**.js’, function(obj){ gulp.src(obj.path) .pipe(gulp.dest(‘foobar.js’)); }); }); […]

Attraper des erreurs de gulp-mocha

Je manque peut-être quelque chose d’extrêmement évident, mais je ne peux pas obtenir gulp-mocha pour attraper les erreurs, ce qui provoque la fin de la tâche de gulp watch chaque fois que j’ai un test échoué. C’est un assembly très simple: gulp.task(“watch”, [“build”], function () { gulp.watch([paths.scripts, paths.tests], [“test”]); }); gulp.task(“test”, function() { return gulp.src(paths.tests) […]

comment faire en sorte que Gulp arrête de regarder des fichiers

Comment arrêtez-vous de regarder des fichiers? Je n’ai pas vu la méthode dans les docs qui me semble un peu étrange.

gulp-newer vs gulp-changé

Quelles sont les différences entre eux? gulp-newer : gulp.src(imgSrc) .pipe(newer(imgDest)) .pipe(imagemin()) .pipe(gulp.dest(imgDest)); Gulp-changé : gulp.src(SRC) .pipe(changed(DEST)) // ngmin will only get the files that // changed since the last time it was run .pipe(ngmin()) .pipe(gulp.dest(DEST)); Il semble que gulp-changed soit plus puissant, car il offre une option hasChanged: changed.compareLastModifiedTime

Comment puis-je écrire une simple fonction de tuyau Gulp?

J’ai essayé pendant un jour d’écrire deux fonctions de pipe, une qui comstack moins de fichiers et une autre qui concuse ces fichiers. Je veux apprendre à écrire des stream / pipes de transformation pour des plugins plus complexes. Je veux donc savoir comment lire les données d’un autre canal et comment modifier ces données […]

Utiliser gulp pour comstackr des fichiers bootstrap.less dans le fichier bootstrap.css principal?

J’aime vraiment gulpjs c’était mon gestionnaire de tâches de choix, mais je souhaitais en quelque sorte connaître les gestionnaires de tâches il y a quelques mois et me lancer dans des gruntjs, principalement pour le support. Pour gulpjs, il est difficile de trouver des informations sur des choses spécifiques. Ma question est de savoir comment […]

Gulpjs combine deux tâches en une seule tâche

J’ai actuellement deux tâches, les deux comstackr des fichiers sass. Je voudrais quand même concaténer les deux répertoires dans des fichiers séparés, mais il semble que ce serait plus facile à maintenir si je pouvais simplement créer une tâche «sass» qui serait responsable de toute la compilation de sass. // Comstack Our Sass gulp.task(‘bootstrap-sass’, function() […]

Gulp TypeError: Les arguments de path.join doivent être des chaînes

J’ai un problème avec gulp-ruby-sass. Lorsque j’essaie d’exécuter la tâche de surveillance et de modifier certains fichiers .sass, il se produit une erreur: TypeError: Arguments to path.join must be ssortingngs Voici mon gulpfile.js var gulp = require(‘gulp’); var jade = require(‘gulp-jade’); var sass = require(‘gulp-ruby-sass’); var watch = require(‘gulp-watch’); gulp.task(‘sass’, function() { return gulp.src(‘sass/*.sass’) .pipe(sass()) […]

Quel est le caractère ** glob?

J’ai ce chemin dans ma réaction gulpfile: var path = { HTML: ‘src/index.html’, ALL: [‘src/js/*.js’, ‘src/js/**/*.js’, ‘src/index.html’], JS: [‘src/js/*.js’, ‘src/js/**/*.js’], MINIFIED_OUT: ‘build.min.js’, DEST_SRC: ‘dist/src’, DEST_BUILD: ‘dist/build’, DEST: ‘dist’ }; Quel est le caractère double glob? Je sais ce que le seul glob est … mais quel est le double? seul glob

gulp Minify tous les fichiers CSS dans un seul fichier

J’ai le script de tâche Gulp comme suit, // loads various gulp modules var gulp = require(‘gulp’); var concat = require(‘gulp-concat’); var minifyCSS = require(‘gulp-minify-css’); var autoprefixer = require(‘gulp-autoprefixer’); var rename = require(‘gulp-rename’); // create task gulp.task(‘css’, function(){ gulp.src(‘src/css/**/*.css’) .pipe(minifyCSS()) .pipe(rename(‘style.min.css’)) .pipe(autoprefixer(‘last 2 version’, ‘safari 5’, ‘ie 8’, ‘ie 9’)) .pipe(gulp.dest(‘dist/css’)) }); Comment minimiser tous […]