Learn Webpack - Full Tutorial for Beginners

Published: 19 June 2019
on channel: freeCodeCamp.org

385,873

9.3k

Learn Webpack from Colt Steele in this full tutorial course. It begins with a simple question: "What is webpack?" Quickly we move on to installing Webpack, configuring it, and adding loaders for CSS, SASS, HTML, and Files. The course covers cache busting, setting up a dev server, and splitting up your development and production config files. We incorporate multiple Webpack plugins including clean-webpack-plugin, mini-css-extract-plugin, optimize-css-assets-webpack-plugin, terser-webpack-plugin, and html-webpack-plugin. It's a lot of stuff :)

💻 Code and commits: https://github.com/Colt/webpack-demo-app

🔗 Colt Steele's YouTube channel: / @coltsteelecode
🔗 Colt Steele's Udemy courses: https://www.udemy.com/user/coltsteele/

⭐️ Course Contents ⭐️
⌨️ (0:00:00) What Even Is Webpack??
⌨️ (0:08:12) Installing and Running Webpack and Webpack-CLI
⌨️ (0:22:18) Imports, Exports, & Webpack Modules
⌨️ (0:29:58) Configuring Webpack
⌨️ (0:38:57) Loaders, CSS, & SASS
⌨️ (0:53:55) Cache Busting and Plugins
⌨️ (1:07:13) Splitting Dev & Production
⌨️ (1:17:13) Html-loader, File-loader, & Clean-webpack
⌨️ (1:28:17) Multiple Entrypoints & Vendor.js
⌨️ (1:34:45) Extract CSS & Minify HTML/CSS/JS

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://www.freecodecamp.org/news

On this page of the site you can watch the video online Learn Webpack - Full Tutorial for Beginners with a duration of hours minute second in good quality, which was uploaded by the user freeCodeCamp.org 19 June 2019, share the link with friends and acquaintances, this video has already been watched 385,873 times on youtube and it was liked by 9.3 thousand viewers. Enjoy your viewing!

587