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