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: ------------------------------------------------- https://gist.github.com/christopher4lis/3358d92395d686375c50f7ebb218f1dc 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: ------------- http://chriscourses.com 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 chriscourses.com and future videos, join the Chris Courses mailing list at http://chriscourses.com. Support Chris Courses Through Patreon: -------------------------------------- https://www.patreon.com/chriscourses Chris Courses Social: --------------------- Twitter: https://twitter.com/chriscourses Facebook: https://www.facebook.com/chriscourses Instagram: https://www.instagram.com/chriscourses/ Christopher Lis Social: ----------------------- Twitter: https://twitter.com/christopher4lis CodePen: http://codepen.io/christopher4lis Instagram: https://www.instagram.com/christopher4lis/ SoundCloud: https://soundcloud.com/chr1sm