Questions tagged [gulp-livereload]

Lightweight gulp plugin for LiveReload that is primarily used with LiveReload Chrome extension.

gulp-livereload makes it possible to integrate LiveReload into the gulp workflow. It is currently best used with LiveReload Chrome extension.

Simple example:

var gulp = require('gulp'),
less = require('gulp-less'),
livereload = require('gulp-livereload');

gulp.task('less', function() {
  gulp.src('less/*.less')
    .pipe(less())
    .pipe(gulp.dest('css'))
    .pipe(livereload());
});

gulp.task('watch', function() {
  livereload.listen();
  gulp.watch('less/*.less', ['less']);
});

gulp-livereload npm package: https://www.npmjs.com/package/gulp-livereload.

56 questions
19
votes
7 answers

Remove all diagnostic styles created in chrome devtools during development

I am using gulp/live reload in my development workflow. When styling an element using CSS I sometimes adjust that element's style rules ( Edit: using event.style {} under the elements panel) directly using Chrome Dev Tools; and then when I have them…
byronyasgur
  • 4,627
  • 13
  • 52
  • 96
12
votes
5 answers

Livereload not working in Chrome using Gulp, what am I missing

I'm trying to use Livereload using Gulp, Sublime Text 3 and Chrome but for some reason it doesn't work. Here is what I did. Installed the Livereload extension in Chrome. Installed gulp-livereload. Setup gulpfile.js. Ran gulp. What am I missing…
fs_tigre
  • 10,650
  • 13
  • 73
  • 146
12
votes
2 answers

gulp-livereload over https?

I've been using livereload chrome extension that inserts a http://[...]/livereload.js into the document. Unfortunately, I'm working on a project that requires https and I expected to replicate that locally but I don't necessary have to do it as I…
punkbit
  • 7,347
  • 10
  • 55
  • 89
8
votes
1 answer

Browser-sync (under gulp) doesn't refresh browser

My config does everything it's supposed to, but it never refreshes the browser. Once I refresh it manually, changes are there. I am connecting to the default localhost:3000. Any ideas why is it so or how to debug it? gulpfile.js: var gulp =…
rdkn
  • 566
  • 7
  • 14
8
votes
6 answers

Is it possible to configure Gulp Livereload for Django?

I would like to use gulp-liveReload with Django, is it possible? I have read that there is an alternative for Grunt, but I would prefer work with Gulp, it is easier for me. Thanks,
JesusMurF
  • 286
  • 3
  • 12
7
votes
2 answers

Gulp livereload reloads the entire page when only CSS has changed

I've added livereload to my Gulp task. Its working except when I edit a CSS file the entire page is refreshed, not just the pages CSS. var gulp = require('gulp'); var uglify = require('gulp-uglify'); var concat = require('gulp-concat'); var…
Evanss
  • 23,390
  • 94
  • 282
  • 505
7
votes
1 answer

Gulp: How to implement livereload without Chrome's livereload plugin?

It looks like gulp-livereload requires Chrome's livereload plugin to work. Is there a way to implement livereload that doesn't require any browser plugin, and will work in all browsers? Any examples will be appreciated.
Misha Moroshko
  • 166,356
  • 226
  • 505
  • 746
6
votes
2 answers

gulp-livereload with vagrant environment : livereload.js not accessible

I have a problem using gulp-livereload in my vagrant environment (generated with puphpet). My computer is a Windows Host, and the VM a Debian. I use this gulpfile : var gulp = require('gulp'), less = require('gulp-less') lr …
vurtupesz
  • 61
  • 1
  • 5
5
votes
1 answer

Configure Live Reload on a Ionic project based on the generator-gulp-angular

I have an Ionic 1.3.1 project with an architecture based on the, old but gold, generator-gulp-angular in which I would like to enable Live Reload on the device (Android). My gulp config paths look like: exports.paths = { src: 'src', dist:…
manzapanza
  • 6,087
  • 4
  • 39
  • 48
5
votes
1 answer

Memory leak caused by gulp & nodemon

I have this simple gulpfile that basically compiles some less files and triggers livereload. I also have nodemon to restart the server when code is changed. var gulp = require('gulp'), less = require('gulp-less'), autoprefixer =…
Kris
  • 151
  • 2
  • 11
4
votes
2 answers

Gulp to watch when node app.listen() is invoked or to port (livereload, nodejs and gulp)

I am trying to get gulp-livereload to work with my nodejs server. I am using gulp-nodemon to restart the server after changes to the files, this works. I am having trouble invoking livereload.reload() at the correct time. I am currently invoking…
basickarl
  • 37,187
  • 64
  • 214
  • 335
3
votes
1 answer

Reload page on scss save

I am playing with Angular 2 using official Quick start guide. Dev Dependencies from the package.json file allow live reload by saving html files. I also use Gulp and live reload scss to css for decorating my stuff. What I want is to bind Gulp's scss…
Alexandr Belov
  • 1,804
  • 9
  • 30
  • 43
3
votes
1 answer

gulp-live-server doesn't refresh page

I'm trying to use gulp-live-server to automatically restart my server and refresh the page whenever my code changes. Here is the basic setup I have: On my server.js: app.use(require('connect-livereload')()); My gulp file: gulp.task('server',…
Kousha
  • 32,871
  • 51
  • 172
  • 296
2
votes
0 answers

Livereload not updating sourcemaps to less files

I am currently working with gulp-less workflow with livereload feature of chrome and gulp-livereload is working fine. When I am making any changes to file, livereload refreshes the css and unfortunately it is injecting livereload css instead of less…
Shashank Bhatt
  • 717
  • 1
  • 11
  • 28
2
votes
1 answer

Gulp reload doesn't work

I want use gulp reload on my workflow, but I have trouble with it. When I started via "gulp" command in command line I have server connection, but when I go to my browser there is the massege "Cannot GET /" What is it, and how can I solve this…
S.Hagvin
  • 85
  • 1
  • 11
1
2 3 4