gulp

Under my assets/ folder, I have numerous subfolders, each containing an arbitrary number of images, like so: assets/article1/ assets/article2/ I'm trying to write a gulp task to locate all .jpg images within and generate their thumbnail versions, to be saved in a thumbs/ subfolder within the folder where each file resides: assets/article1/ # original jpg images assets/article1/thumbs/ # thumbnail versions of above.. assets/article2/ assets/article2/thumbs/ I've been trying various approaches but no luck. The closest I've come is: gulp.task('thumbs', function () { return gulp.src( './assets/**/

After renaming my file I am getting the following error when running the gulp build task: Error: Error: File not found with singular glob: F:\Projects\xyz\HTML\app\css\main.css at DestroyableTransform.<anonymous> (F:\Projects\xyz\HTML\node_modules\gulp-useref\lib\streamManager.js:90:36) main.css file no longer exists as I changed it to style.css but for some reason it is searching for the old file. As it turns out I missed changing file name in HTML file as it was calling main.css instead of style.css. <!--build:css css/main.min.css --> <link rel="stylesheet" href="css/main.css"> <!-- endbuild

Below you can see simplified view of an issue. Basically, I'm able to call task1.js using gulp.series in tasks task2,3.js , but once I add same code to call task1.js in task4.js - Task never defined: task1 error gets thrown. There are more tasks in the tasks folder than in file structure example below. I've got three tasks, ... /tasks build.js clean.js dev.js gulpfile.babel.js ... all of them required in gulpfile.babel.js using the require-dir package import requireDir from 'require-dir'; requireDir('./tasks', {recurse: true}); This allows me to call a task from clean.js at dev.js , and it

Currently we're using Webpack for our Module loader, and Gulp for everything else (sass -> css, and the dev/production build process) I want to wrap the webpack stuff into gulp, so all I have to do is type gulp and it starts, watches and runs webpack and the rest of what our gulp is setup to do. So I found webpack-stream and implemented it. gulp.task('webpack', function() { return gulp.src('entry.js') .pipe(webpack({ watch: true, module: { loaders: [ { test: /\.css$/, loader: 'style!css' }, ], }, })) .pipe(gulp.dest('dist/bundle.js')); }); The problem is that it generates a random character

My gulp file is not emitting any errors on either standard gulp methods like gulp.src() with non existant paths nor are stream errors being called by their handler. I've included a simple file that silently fails, printing only the starting.. and finished.. default messages. var // gulp = require( "gulp" ), gulpUtil = require( "gulp-util" ), sass = require( "gulp-ruby-sass"); gulp.task( "default", function() { gulp.src( "path-that-does-not-exist.scss" ) .pipe( sass() ) .on( "error", function( err ) { console.log( "this should print" ); }) .pipe( gulp.dest( "./client-side/public/compiled" ) );