if I understand your question correctly, you want to concat your js.files with the libraries, but keep a concat version of your own js ? I would do that, you get to keep both files : var runSequence = require('run-sequence'); gulp.task('myJs', function() { gulp.src([ './src/resources/assets/js/**/*.js', '!./src/resources/assets/js/vendor/**/*.js' ]) .pipe(concat('myJs.js')) .pipe(uglify()) .pipe(gulp.dest('./public/js/'));...
Try this. function compile_js(minify, folder) { var jsLibs = gulp.src(folder+'/_sources/js/libs/*.js'); var jsPlugins = gulp.src(folder+'/_sources/js/plugins/*.js'); var jsCustom = gulp.src(folder+'/_sources/js/custom/*.js'); var jsComponents = gulp.src(folder+'/_components/*.js'); return streamqueue({ objectMode: true }, jsLibs, jsPlugins, jsCustom, jsComponents ) .pipe(concat('bitage_scripts.js')) .pipe(gulpif(minify, uglify())) .pipe(gulp.dest(folder+'/_assets/js')); }; gulp.src(gulp.src('folder+'/_source/something')) doesn't make...
Indeed you should merge them, as one of the ideas of Gulp is to eliminate intermediary-temporary files. One of the ways to achieve it is by: coverting cache-angular-templates to a function that returns the templating stream, let's call it getTemplateStream; removing the .pipe(gulp.dest(cacheOutputPath)) from it; using event-stream to merge the...
angularjs,gulp,gulp-concat,gulp-uglify
I believe you need to return the stream if you're not going to handle the callback within task1 and task2. return gulp.src('app/**/*.html') .pipe(... ...
javascript,node.js,gulp,gulp-concat
Got it to work with some help from the people at #gulpjs on freenode irc. This uses stream-to-promise and bluebird var s2p = require('stream-to-promise'); var Promise = require('bluebird'); gulp.task('loop2', function() { // don't forget your `var`s! var buildIt = function(i){ return gulp.src('./build/ross/templates/pages/_page_home.liquid') .pipe(plugins.insert.append('Loop ' + i)) .pipe(gulp.dest('./build/ross/templates/pages/')) .on('end', function(){ console.log(i...
javascript,jquery,gulp,gulp-concat
I solved my problem with this: var gfi = require("gulp-file-insert"); gulp.task('modules', function() { gulp.src('js/modules/**/document.ready.js') .pipe(concat('document.ready.js')) .pipe(gulp.dest('generator/assets/js')); gulp.src('js/modules/modules.js') .pipe(gfi({ "/* file 1 */": "generator/assets/js/document.ready.js" })) .pipe(gulp.dest('generator/assets/js')); }); To replace file content you can use gulp-file-insert...
css,gulp,gulp-less,gulp-concat
Try these for your tasks: gulp.task('clean', function() { // Insert cleaning code here }); gulp.task('vendor', ['clean'], function() { // Insert your 'vendor' code here }); gulp.task(‘css’, ['clean'], function() { // insert your 'css' code here }); gulp.task('build', [‘vendor’, ‘css’]); gulp.task('default', ['build']); 'vendor' and 'css' will run concurrently only after 'clean'...
I figured out a way - simply replace the Vinyl file's content with the lines to output, and push that through to through.push.
You're reading and writing to the same destination directory. Therefore the file app.js is first read, some stuff is added to it, and then the result is written to app.js, causing this appending behaviour. You should output to a different directory than you are reading from.
Have you tried creating the paths first and then using the variables in your gulp.src arguments? Im also curious if since you are minifying them, why don't you just grab all the files for some of them with something like : var someVar = gulp.src('client/'+folder+'/_sources/js/**/*.js'); vs var jsPlugins = gulp.src('client/'+folder+'/_sources/js/plugins/*.js');...
gulp-concat will only concat the files that were specified by gulp.src within the current stream. If you've only specified app.scss, you can't concatenate additional files on that stream. That doesn't mean you can't create a new stream that contains the app.scss compiled output and includes animate.css as well. To do...
javascript,coffeescript,gulp,gulp-concat
Sadly, it doesn't. What you can do, is using the underlying event-stream's merge method. Then you'll have one pipeline for the coffee files that gets compiled and one for the javascript side. Here is an example Gulpfile.coffee: coffee = require 'gulp-coffee' es = require 'event-stream' gulp.task 'scripts', () -> es.merge(...
You could use a stream queue with merge: var gulp = require('gulp'); var concat = require('gulp-concat'); var wrap = require('gulp-wrap'); var merge = require('merge2'); gulp.task('default', function() { return merge( gulp.src(['GenericHeader.sql', 'Sql1.sql']), gulp.src(['GenericHeader.sql', 'Sql2.sql', 'Sql3.sql']) ) .pipe(wrap('<%= contents %>')) .pipe(concat('concat.sql')) .pipe(gulp.dest('dest')); }); With that you do not pass multiple files to...
gulp,gulp-watch,gulp-sass,gulp-concat,gulp-uglify
gulp-ruby-sass changed it's API recently. So you can't pipe something through to the Sass task, but rather need to start with it. Much like browserify does. gulp-ruby-sass creates a stream, though, so the rest of the pipe should work fine: gulp.task('styles', function() { return sass(PATH.SRC.SASS, { style: 'expanded' }) .pipe(autoprefixer({...
Ok, I spent some time learning up gulp and it's plugins and here is a working version. The points here are using the foreach on each JS retrieved from the JSON config file, pushing the streams to an array and finally using merge on the array streams. Here are the...
javascript,node.js,gulp,browserify,gulp-concat
Use the glob module instead. var glob = require('glob').sync; gulp.task('build-tests', function () { var b = browserify({ entries: glob(['./lib/**/*.js']) }); b.bundle().pipe(source('specs.js')).pipe(gulp.dest('./dist')); }); ...
javascript,gulp,gulp-sass,gulp-concat
This was due to accidentally using an old version of gulp (3.0.0 vs 3.8.10), which was incompatible with gulp-concat and gulp-sass. Upgrading to version 3.8.10 resolved the issue.
Just make a file with the snippet to be included first and do this: src/first.js var Ethereal = function() { // define Ethereal class constructor and stuff } src/Game.js Ethereal.Game = function() { // init game code } Then in the gulpfile: gulp.task('build', function() { return gulp.src(['src/first.js', 'src/*.js']) .pipe(concat('ethereal.js')) .pipe(gulp.dest('build'))...