FAQ Database Discussion Community


Gulp.js serve src files WITHOUT browserSync?

javascript,node.js,gulp,gulp-watch,browser-sync
Scaffolded a new project with Yeoman Gulp-Angular. I understand the premise of BrowserSync, but frankly I cannot comprehend how anyone tolerates having their network requests flooded by this: I would like to remove BrowserSync from my project immediately. How does one correct the following code in order to gulp serve...

Issue with task not executing when using gulp with run-sequence

gulp,gulp-watch,run-sequence,gulp-jscs
I am new to gulp and so I put a simple script together to 1) learn how gulp works and 2) improve my development workflow. The issue I am having is that if I set the runSequence task list to be in the order of jscs and then lint, the...

BrowserSync showing message 'Disconnected from BrowserSync'

gulp,gulp-watch,browser-sync
I get the message 'Disconnected from BrowserSync' almost immediately after running gulp. Here is my gulpfile.js var gulp = require('gulp'); var sass = require('gulp-sass'); var browserSync = require('browser-sync').create(); var reload = browserSync.reload; gulp.task('sync', function() { browserSync.init({ browser: "chrome", proxy: "hmgcsc.app" }); gulp.watch('sass/*.scss', ['sass']); gulp.watch("app/**/*.html").on('change', reload); gulp.watch("app/**/*.js").on('change', reload); }); gulp.task('sass', function()...

Configure Gulp 'watch' task for very basic server-restart (Node JS)

node.js,gulp,gulp-watch
I'm trying to get the Gulp 'watch' task to restart the server when I make a change to a controller file.. to pick up those changes w/out having to manually restart the server. Can someone post a small example with instructions to run it correctly?...

gulp-assemble & gulp-watch not recompiling site when changes are made to data, includes or layouts

gulp,gulp-watch,assemble
I'm having issues using gulp-assemble with gulp-watch. I want gulp to watch the entire assemble source directory (data, includes, layouts and pages) and recompile the site when ever a file changes. I'm able to get this working correctly for pages, but gulp is not recompiling the site when changes are...

Declaring optional dependencies

gulp,gulp-watch
Given: gulp.task("watch", function() { // Asynchronous execution return gulp.src("..."). doSomething1(); }); gulp.task("default", function() { // Synchronous execution doSomething2(); doSomething3(); }); gulp.task("css", ["csslint"]); I would like css to run after default or watch completes but I can't declare default or watch as dependencies because that would trigger their execution. How do...

Gulp configuration not working

gulp,gulp-watch,gulp-sass,gulp-concat,gulp-uglify
I'm trying to run Gulp to minify CSS, JS and move all the static stuffs (template, font, img) into build folder. My project directory structure: - project |- gulpfile.js |- package.json |- src ||- font ||- img ||- js ||- sass ||- template |- build ||- css ||- font ||-...

Live reload for electron application

gulp,gulp-watch,electron
I want to use a combination of VScode + Gulp + Electron to build an application. A nice feature of the development workflow would be to add an live reload task to my Gulp watch task, to reload the Electron application on every change. Any Idea how to achieve this?...

How to detect css theme and work only with this theme?

gulp,gulp-watch
I have a project in which there are about 30 css themes. It means I have the next css files structure: src/ themes/ default/ a.scss b.scss rockStar/ a.scss b.scss oneMoreTheme/ a.scss b.scss dist/ themes/ default/ styles.css rockStar/ styles.css oneMoreTheme/ styles.css Here is just example of gulpfile: var gulp = require('gulp'),...

Gulp.js stops compiling LESS when watched after there has been an error in the LESS files

javascript,gulp,gulp-watch,gulp-less
I'm having a problem with gulp. I run gulp-watch along with gulp-less and gulp-clean. Everything is running perfectly. When I edit somefile.less and I save it with a semi-colon missing or maybe I accidentally leave a trailing ;s, just have errors in my code when saving, gulp-less logs an error...

Browserify errors ending gulp watch task

javascript,node.js,gulp,browserify,gulp-watch
I've got the following setup in my gulpfile.js: gulp.task('browserify', function() { browserify(config.paths.browserifyEntry) .transform(reactify) .bundle() .pipe(source('master.js')) .pipe(gulp.dest(config.paths.dist)) //.pipe(connect.reload()); }); gulp.task('watch', function () { gulp.watch(config.paths.components, ['browserify']); gulp.watch(config.paths.sassSource, ['sass']); }); This all works perfectly until I'm writing code that results in a browserify error. This happens frequently as I'm editing code in one...

How do I prevent gulp watch from crashing (e.g. stop watching) when using elixir in laravel 5?

laravel-5,gulp,gulp-watch,laravel-elixir
So I like elixir a lot. But when I run gulp watch and write css (scss to be precise), it crashes after a couple of saves, thus forcing me to start gulp watch again. And it is driving me crazy, almost to the point of me not being able to...

How do I run gulp eslint continuously and automatically while fixing files — how to set up watch

javascript,gulp,gulp-watch,eslint
I am trying eslint with gulp. I have set up a task like this: gulp.task('lint', function () { return gulp.src([ 'components/myjs.js' ]) // eslint() attaches the lint output to the eslint property // of the file object so it can be used by other modules. .pipe(eslint()) // eslint.format() outputs the...

Gulp-livereload, -webserver and -embedlr. How to use them together?

javascript,gulp,livereload,gulp-watch,gulp-livereload
I try to understand how to use gulp with these useful and popular plugins. There are what I have: runned go(lang) server on localhost:8000 static/local html files under app folder which are used by server to form pages scss files under the same directory, which are converted into css and...

Gulp task not waiting the completion of the previous task

javascript,gulp,gulp-watch,gulp-rev
I have a gulp task that uses streams to write a revised file (using gulp-rev) and another task that uses the previously written manifest file for replacing a variables in an html file. My first task: gulp.task('scripts', function() { // other stuff... var b = browserify(mainscript); b.external('External') .transform(babelify) .bundle() .pipe(source('app.js'))...