Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Learn Webpack - Full Tutorial for Beginners

via freeCodeCamp

Overview

This course on Webpack aims to teach beginners the fundamentals of Webpack, including installation, configuration, adding loaders for CSS, SASS, HTML, and Files, cache busting, setting up a dev server, and splitting development and production config files. The course covers various Webpack plugins such as clean-webpack-plugin, mini-css-extract-plugin, optimize-css-assets-webpack-plugin, terser-webpack-plugin, and html-webpack-plugin. By the end of the course, students will have the skills to effectively utilize Webpack in their web development projects. The teaching method includes hands-on coding examples and practical demonstrations. This course is intended for individuals who are new to Webpack and want to enhance their web development skills.

Syllabus

) What Even Is Webpack??.
) Installing and Running Webpack and Webpack-CLI.
) Imports, Exports, & Webpack Modules.
) Configuring Webpack.
) Loaders, CSS, & SASS.
) Cache Busting and Plugins.
) Splitting Dev & Production.
) Html-loader, File-loader, & Clean-webpack.
) Multiple Entrypoints & Vendor.js.
) Extract CSS & Minify HTML/CSS/JS.

Taught by

freeCodeCamp.org

Reviews

Start your review of Learn Webpack - Full Tutorial for Beginners

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.