Webpack helps you managing dependencies in your project, and also offers a friendly and fast development environment, simplifying a lot of common tasks behind a simple configuration file.
It also allows you to bundle your modules into static assets for browsers. Its killer feature is the known as hot module replacement, which lets your live code in the browser update automatically as you change files in your preferred editor without a page reload.
Unfortunately, webpack doc pages are not friendly enough for beginners like me. That's why I decided to create this repository: to help people to learn webpack with a collection of exercises and examples.
First of all, clone or fork this repository. If you are not used with npm or git, This is what you basically need to do:
git clone git@github.com:danderu/learn-webpack.git
cd learn-webpack
cd some_example_directory
npm install
If you need more information about forking a repository, follow this guide.
Navigate into the example folders to find out the different webpack configuration examples to help you get started with this module bundler. You will learn about the different configuration possibilities, from the simplest one to the most advanced configuration for deploying into production your bundles.
- Example 1: Very basic webpack configuration
- Example 2: Multiple entries
- Example 3: Using loaders
- Example 4: Working with styles
- Example 5: Commons chunk
- Example 6: Vendors chunk
- Example 7: Setting up a development environment
- Example 8: Deploying to production
Please feel free to propose new examples or ask for help with any configuration you are trying to learn.
MIT