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.
Overview
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
