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
2
votes
0 answers

gulp-webserver livereload doesn't work with css-Files

I'm using gulp-webserver. If I'm manually editing .js or .html files in my build/-folder then livereload becomes active and refreshes the page. In opposite .css files are ignored - But why? var webserver =…
SilverJan
  • 434
  • 5
  • 16
2
votes
2 answers

Gulp-connect shows an error 'listen EADDRINUSE' 8080

I have a simple gulpfile.js:I have a simple gulpfile.js:I have a simple gulpfile.js:I have a simple gulpfile.js:I have a simple gulpfile.js:I have a simple gulpfile.js:I have a simple gulpfile.js:I have a simple gulpfile.js var gulp =…
ratattapba
  • 31
  • 4
2
votes
4 answers

Customize laravel elixir livereload

I need to perform after mix.less ('app.less') automatically reloads the page. What would not press each time F5 gulpfile.js var elixir = require('laravel-elixir'); /* |-------------------------------------------------------------------------- |…
Ramil
  • 21
  • 2
2
votes
1 answer

PHP Gulp Livereload

I have a gulp file that I have grabbed from here and modified to this: var gulp = require('gulp'), path = require('path'), del = require('del'), run = require('run-sequence'), …
Otis Wright
  • 1,980
  • 8
  • 31
  • 53
2
votes
2 answers

Gulp livereload error in Chrome

I am trying to get LiveReload to work with Gulp and Chrome. I have installed the Chrome extension (v2.0.9), I have enabled "Allow Access to File URLs", which everyone says to do. I am running a simple PHP server with php -S 127.0.0.1:35729 -t dist.…
Moss
  • 3,695
  • 6
  • 40
  • 60
2
votes
2 answers

Gulp Livereload server not starting

I am attempting to get gulp working with livereload. Gulp is not in control of the webserver itself (the actual web app is a php site. When I run nmap on the server I don't see livereload working, and the chrome extension indicates the same…
Matt
  • 2,795
  • 2
  • 29
  • 47
2
votes
0 answers

How to get livereload to work with Gulp and Ripple Emulator?

I have tried various options and finally ended with the following messed version of gulpfile.js but I just can't get it to work :(. I am using the ripple-emulator npm package instead of the Chrome plugin. This does start the emulator and everything…
Krishnaraj
  • 2,360
  • 1
  • 32
  • 55
2
votes
2 answers

Why gulp-livereload crashes with Error: listen EADDRINUSE?

I use gulp-livereload in my gulpfile.js. It works fine for CSS files, but crashes for HTML files. For example, everytime I save index.html, gulp crashes with the error below. Why is this happening? DEMO HERE events.js:72 throw er; //…
Misha Moroshko
  • 166,356
  • 226
  • 505
  • 746
1
vote
0 answers

Using gulp-livereload with gulp-sass

Gulp-livereload is giving me an error when I save a change to my .scss files. My gulpfile.js has been working fine for years and just started giving me trouble a little while ago. The scss gets compiled to css and livereload tries to reload the…
1
vote
1 answer

how to get content of file which are using require when auto importing node_moduels package?

I am using angular 1.6 and gulp with live reload and babel to run a development server. Installing all angular packages using yarn so using npmfiles to automate import dependencies in index.html. all packages being added in final index.html on…
xkeshav
  • 53,360
  • 44
  • 177
  • 245
1
vote
0 answers

gulp Live reload for server side

I have a developed gulp file with both browser-sync and live reload. this gulp file works perfectly for my requirements. for the base idea, I have a root folder in my Apache server and inside it I have my project folders. --public ---proj1 …
1
vote
2 answers

Gulp livereload not working with MAMP

I'm trying to set up gulp to run livereload using MAMP. Here is my gulpfile: 'use strict'; var gulp = require('gulp'); var del = require('del'); var sass = require('gulp-sass'); var livereload = require('gulp-livereload'); var paths = { …
symlink
  • 11,984
  • 7
  • 29
  • 50
1
vote
0 answers

Refresh a remote URL with Gulp

I have a gulp task that uploads changed files via FTP, and I'd like it to also trigger a refresh in my browser window. I know there are ways to do this for local sites with modules like browser-sync and live-reload, but I can't seem to find anything…
JacobTheDev
  • 17,318
  • 25
  • 95
  • 158
1
vote
0 answers

Livereload gulp not working when in separate terminal

I am having difficulties with livereload in my gulp file. If I run livereload.listen() as part of my watch task it works. gulp.task('watch', function() { livereload.listen(); gulp.watch('app/styles/**/*.less', ['less']); }); // run gulp…
cyberwombat
  • 38,105
  • 35
  • 175
  • 251
1
vote
1 answer

Setting up LiveReload on Gulp.js server

I'm trying to set up my build system but having some trouble getting LiveReload to to work with the files I need. I have included my current gulpfile below. When I run my gulp command, I know that the server is running on 'localhost:35729/'. However…
ThorntonStuart
  • 119
  • 4
  • 12