https://github.com/AbePlays/react-webpack-mastery

Welcome to my webpack mastery repository! Here, I have compiled all the knowledge and experience I gained while learning how to bundle a web site/application using webpack. This page is dedicated to explaining the decisions I made when writing the webpack config, including the plugins and loaders I used and why I chose them.

I believe that understanding the reasoning behind each step of the bundling process is crucial for any developer who wants to make the most out of webpack's capabilities. Therefore, my explanations are detailed and comprehensive, aimed at providing you with a solid foundation to build upon.

My goal is to help you achieve mastery over webpack, so feel free to explore the repository and reach out to me with any questions or feedback you may have.

Thank you for visiting my page, and happy bundling!

Introduction to Webpack

Why do we need webpack

Getting started with webpack

Working with webpack configuration file

Basic Webpack Concepts and Setup

Using webpack to bundle a vanilla project

Optimizing bundle with webpack

Improving our development workflow

Advanced Webpack Techniques

Bundling SASS with webpack

Bundling TypeScript with webpack

Code splitting with webpack

Caching output in webpack

Integrating React with Webpack

Why do we need React?