list of tutorials
Clone this wiki locally
Integrate webpack with babel for ES2015 features. Plus SourceMaps for debugging.
2015-08-31 Marc Rooding
Webpack + React + React router + Flux (Altjs)Beginner friendly introduction to Webpack to build a simple React + Alt.js example application.
2015-07-28 Chris Williams
Comparison of Webpack and Browserify
How to utilise the power of the Webpack module bundler with an existing (or perhaps new) Durandal application
Using webpack with an express node server. Great for prototyping and generally good setup for any project.
Setting up and understanding a webpack project with angular, handling dependencies & 6 ways to use 'require'.
A list of the steps I did, the roadblocks I have encoutered and the lessons learned.
long guide for using react.js with webpack
basic sample and explanation of compiled bundle.js
A guide how to migrate the react-tutorial to webpack and using the Hot Module Replacement and react-hot-loader for a live reloading react app.
A no-BS cookbook for getting things done with webpack, taken from Instagram.com's best practices
Chinese translation of Webpack-Howto above.
Introductory tutorial (with real world samples)
A comprehensive guide to integrating webpack with a Rails app
Basic guide and some use cases of using Webpack to bundle SPAs in Chinese.
A step-by-step guide to configure Webpack for React, including a killer feature: React Hot Loader
A basic walkthrough of Webpack setup & configuration for transpiling your Angular 1.x ES 2015 code to ES5 with Babel. Uses NPM exclusively for front-end dependencies.
A tutorial for integrating TypeScript with webpack.
An explanation of integrating Webpack with the tasks.json file in Visual Studio Code.
A tutorial for configuring a basic workflow.
A demonstration of implementing cache busting for client-side assets with Webpack in an ASP.NET MVC 6 application.
- slide: http://jellybellydev.github.io/webpack-presentation
- example: https://github.com/JellyBellyDev/webpack-examples
- video: https://www.youtube.com/watch?v=mkcyvJNBPUk
22 Slides, short introduction
The core concepts of webpack and demo of converting a traditional app to using webpack on YouTube by Tom Friedhof.
Complete webpack introduction on YouTube by Ilya Kantor, russian language only.
Quick screencast on YouTube about getting started with webpack by Kyle Robinson Young
Free Egghead.io lesson by Kent C. Dodds
Egghead.io series by Kent C. Dodds
На русском языке.
40 series of in-depth webpack tutorials
Demos, Examples and Starters
This is a tutorial on how to get started developing a client side application using ReactJS, Webpack and Npm
A large and complex project use React, Redux, webpack, React-root, ES6. No detailed code introduction, Need some development experience to Read.
a collection of simple demos of Webpack
This training kit has been developed to learn the basics of Webpack module bundler
This is a simple single page project by webpack. Help you quickly start to learn webpack
(Use the edit button at top right corner to add more)