Learn Webpack - Full Tutorial for Beginners
Offered By: freeCodeCamp
Course Description
Overview
Dive into a comprehensive tutorial on Webpack, perfect for beginners. Start by understanding the fundamentals of Webpack, then progress through installation, configuration, and implementation of various loaders for CSS, SASS, HTML, and files. Explore essential concepts such as cache busting, setting up a development server, and separating development and production configurations. Learn to incorporate multiple Webpack plugins, including clean-webpack-plugin, mini-css-extract-plugin, optimize-css-assets-webpack-plugin, terser-webpack-plugin, and html-webpack-plugin. Cover advanced topics like multiple entry points, vendor.js, and the extraction and minification of CSS, HTML, and JavaScript. Access accompanying code and commits on GitHub, and benefit from additional resources like the instructor's YouTube channel and Udemy courses.
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
Related Courses
The Ultimate App Making Course! Master Many Coding Skills!Udemy React JS, Angular & Vue JS - Quickstart & Comparison
Udemy Modern JavaScript (Complete guide, from Novice to Ninja)
Udemy Essentials in JavaScript ES6 - A Fun and Clear Introduction
Udemy The JavaScript Bible - JavaScript Bootcamp
Udemy