How to Refresh Your Pages Automatically with Webpack and Browsersync

Released 02/19/19

Learn how to utilize webpack and Browsersync to automatically refresh your browser whenever a change is made to one of your files. This episode shows you how to do this for static sites: sites whose content is not generated by a backend language like PHP, Ruby, or Node.js.

For dynamic sites, stay tuned for Part II of the series where we use a proxy server to ensure our backend code is processed, and a Browsersync server to ensure our pages are being refreshed automatically.

Git Repo to Follow Along (make sure you install initial node packages after cloning with `npm install` or `yarn`):

https://github.com/christopher4lis/cc-webpack-browsersync-part-1

BrowserSync plugin for Webpack URL:

https://www.npmjs.com/package/browser-sync-webpack-plugin

2 Lessons

16:50 minutes

Skill Level

Intermediate

SHARE

Cheat Sheet Preview

Download The Official Chris Courses HTML5 Canvas Cheat Sheet

Essential canvas syntax at your fingertips.