gulp

I have two sets of files, let's call them base and mods . The mods files override the base files, so when I run the gulp task related to base , I need to run the mods task directly after. My setup is something like this: gulp.task('base',function(){ return gulp.src('base-glob') .pipe(...) .pipe(gulp.dest('out-glob')) }); gulp.task('mods',function(){ return gulp.src('mods-glob') .pipe(...) .pipe(gulp.dest('out-glob')) }); So I want to run the mods task at the completion of the base task. Note that this is not the same as defining base as a dependency of mods , because if I'm only changing mods

So, was the whole day working on our new FE workflow, the main idea is to run a few tasks through a watcher, we will have our IDE's and a window with the browsers getting refreshed each time something change (scss, js, html, etc). So, we wont see nothing if all went good: the browser will get reload and we will keep working. But, we want to use gulp notify for errors, so in case we have something wrong, the notifier pop up will appear, and at that point, you can check the console and see the error. Example for our sass task when fail: For our styles tasks, everything works fine, but Im not

I am struggling to get my SASS sourcemaps to work correctly. The problem seems to be the "sources" attribute within the sourcemap and how my SASS files are nested. I have a Gulp task that compiles SASS to CSS. Here is an example of that var paths = { styles: { src: './Stylesheets/SCSS/', files: './Stylesheets/SCSS/**/*.scss', dest: './Stylesheets/CSS/' } } gulp.task('compile-sass', function (){ return gulp.src(paths.styles.files) .pipe(sourcemaps.init()) .pipe(sass({ outputStyle: 'compressed', includePaths : [paths.styles.src] })) .pipe(prefix({ browsers: ['last 2 Chrome versions'], cascade:

I've ran into a strange issue and need your help to figure what's going on. I've configured gulp to build my a test up written in React.js in ES6. I've used browserify to setup the CommonJS env and babelify for bigger ES6 support. And everything works, it just takes too long (in my opinion) to build if React is required as CommonJS module. Meaning this import React from 'react'; line will raise the bundle/compile time from 1.2secs to around 4secs on the initial build, then when any changes are detected it takes around 2.5secs to rebuild the js files. And this time rapidly goes up when more

I have a project with a few relatively disjoint pages, each including their own entry point script. These scripts require a number of others using commonjs syntax, and need to be transformed by 6to5 and bundled by browserify. I would like to set up a gulp task that captures all the files matching a pattern and passes them on to the bundler, but I'm not sure how to pass files from gulp.src to browserify(filename) . My gulpfile looks like: var gulp = require("gulp"); var browserify = require("browserify"); var to5browserify = require("6to5-browserify"); var source = require("vinyl-source-stream"