Stack Overflow
Stack Overflow

Questions tagged [livereload]

LiveReload applies CSS/JS changes to Safari or Chrome w/o reloading the page (and autoreloads the page when HTML changes)

564 questions
313
votes
2 answers

What exactly is Hot Module Replacement in Webpack?

I've read a few pages about Hot Module Replacement in Webpack. There's even a sample app that uses it. I've read all of this and still don't get the idea. What can I do with it? Is it supposed to only be used in development and not in…
Dan Abramov
  • 264,556
  • 84
  • 409
  • 511
51
votes
4 answers

How to use grunt-contrib-livereload?

I'm trying to use grunt-contrib-livereload, but can't seem to figure it out. The readme seems to skip over everything that I need explained, and then ends with an example that doesn't work when I try it and doesn't seem directly related to the…
davidtheclark
  • 4,666
  • 6
  • 32
  • 42
40
votes
10 answers

How can I add live-reload to my nodejs server

This is how can i run my server nodejs. I need to live reload my server when i make changes to the code in the front-end dev "start": "node server.js"
Rebai Ahmed
  • 1,509
  • 1
  • 14
  • 21
34
votes
5 answers

How to automatically reload Django when files change?

How to automatically monitor .py, .js and other source code files to restart a Django (or any other for that matter) application and refresh the browser when the source changes? This is possible in Rails using guard, in JS apps using…
metakermit
  • 21,267
  • 15
  • 86
  • 95
30
votes
1 answer

How can I get Grunt/Watch/LiveReload to reload Sass/CSS without a full page refresh?

So far, I've gotten everything working how I want (which is monitoring all the files I want and refreshing whenever there is a change), other than I'd love to be able to make modifications to Sass/CSS and have it refresh in the browser without a…
Trey Piepmeier
  • 1,006
  • 2
  • 13
  • 21
28
votes
2 answers

Live reload JavaScript in Chrome

I know you can live-edit JS from within the Source panel of Chrome Developer Tools, and I know there are systems for live-reloading of CSS, but can you live-reload JS from the source location (either a URL or local disk, or leveraging Workspaces…
Yang
  • 16,037
  • 15
  • 100
  • 142
27
votes
5 answers

How to automate browser refresh when developing a Flask app with Python?

I've started learning Flask to develop web applications. What I am really missing is an automatic Browser refresh after any code change (including static files, templates, etc.). This seems to be a standard feature in almost any JavaScript…
Wlad
  • 2,866
  • 3
  • 28
  • 42
27
votes
3 answers

Disable / turn off LiveReload server in Emberjs / Ember-cli

I use Cloud9 IDE, which only exposes port 80 and prevents LiveReload from connecting. I get this error: GET https://myapp.c9.io:35729/livereload.js?snipver=1 net::ERR_CONNECTION_REFUSED Unless someone knows of a fix, I'd like to simply turn this…
James Gentes
  • 7,528
  • 7
  • 44
  • 64
26
votes
6 answers

How to enable Live Reload in iOS Device running React Native app?

I'm trying to enable Live Reload mode, but there is no such item in Dev Menu:
protspace
  • 2,047
  • 1
  • 25
  • 30
25
votes
1 answer

What are the conceptual differences between live reloading, hot reloading, and hot module replacement?

I've seen a lot of posts and publications about live reloading, hot reloading, and hot module replacement, referring to different practices to reflect changes in code immediately in the browser when working in the web client/FE layer. I have a fair…
Amy Pellegrini
  • 3,200
  • 1
  • 13
  • 19
22
votes
4 answers

How to livereload Django templates?

How can I livereload Django templates?
Nikolay Georgiev
  • 1,047
  • 1
  • 12
  • 22
21
votes
4 answers

Random reloads Angular 4 (live-reload)

I am currently working on a project in Angular 4 and for some reason I keep experiencing random reloads when I am previewing the app on a browser. (I am running in prod mode). Anyone experiencing the same issue? Any solution found? Thanks.
user2601376
19
votes
4 answers

Live reload for thymeleaf template

When I change a thymeleaf .html file residing inside /templates , I expect the browser to automatically reload the page. I have the live reload plugin installed and its able to do a handshake with the spring boot server. However , upon chaning a…
Rpant
  • 974
  • 2
  • 14
  • 37
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
19
votes
1 answer

Gulp watch and compile less files with @import

I'm trying to get my head around gulp to watch and compile a .less project + livereload. I have a style.less file which use @import. When i run the gulp task it doesn't seem to understand the imports. When I modify the main less file, gulp compiles…
Yannick Schall
  • 32,601
  • 6
  • 29
  • 42
1
2 3
…
37 38