Intro to Webpack Dev Server - Part II

Released on July 15th 2017
Length: 14:33

Webpack dev server is great for hot reloading—automatically injecting file changes into the browser without fully refreshing the page. However, since webpack dev server only watches for changes for files being pulled in through webpack's main entry point, it's unable to refresh the browser whenever we make changes to certain files. For instance, html and backend files typically aren't pulled in through webpack's entry point, as a result, they're not refreshed by webpack dev server whenever a change is made to one of them. To fix this, we're going to implement something called Browser Sync. Learn how and why you'll want to use this in every project you develop on from here-on out. Snippet for webpack.config.js: ------------------------------------------------- Video Timeline: --------------- 00:00 - Our current problem and the proposed solution 02:58 - Where we left off / beginning steps to integrate browser sync 05:34 - Browser Sync plugin properties 11:45 - Testing our Browser Sync implementation 13:17 - Summary / Outro The Platform: ------------- is a platform in progress whose goal is to educate aspiring and seasoned web developers via story driven learning. Each course tells a different story, and each milestone reveals a different scene. With an expansive universe to explore, you can track your progress, and gain the necessary skills needed to build your dreams. For updates on the progress of and future videos, join the Chris Courses mailing list at Support Chris Courses Through Patreon: -------------------------------------- Chris Courses Social: --------------------- Twitter: Facebook: Instagram: Christopher Lis Social: ----------------------- Twitter: CodePen: Instagram: SoundCloud: