Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Posted by Anthony Albertorio
Anthony Albertorio
22,624 Points

How do I automate the refreshing of a web page when I save a change to any local file with WebPack/WebPack-dev-server?

I'd like to see my changes load automatically after saving a file. Clicking on refresh on the browser after webpack-dev-server, although not a huge inconvenience, still slows the iterative development process by adding a bit of friction on each change.

Anthony Albertorio
Anthony Albertorio
22,624 Points

Thanks Will! I will check this out!

1 Answer

Will Anderson
Will Anderson
28,683 Points
Will Anderson
Will Anderson
28,683 Points

I found this link in https://github.com/webpack/webpack-dev-server/issues/155

If you want it to live reload, you'll need to setup hot mode as instructed here: http://webpack.github.io/docs/webpack-dev-server.html#hot-mode

I'm a Mac, don't have this issue. If you are Windows 8 or higher, try out the suggestion

Moderator Edit: Moved Response from the Comments Sections to the Answers Section as it provides an Answer to the question posted.