Need help with webpack-tutorial?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

202 Stars 50 Forks 4 Commits 1 Opened issues


Webpack tutorial held at Uppsala JS

Services available


Need anything else?

Contributors list

No Data


This repo contains what was demonstrated on Uppsala.js, November 3, 2016.

Together we built a Javascript app and explored many parts of Webpack and how we can use Webpack to create production ready code as well as use it to help with our development process.

Tutorial explains:

  • What is Webpack
  • Webpack vs Gulp, Grunt, Browserify, Rollup, NPM Scripts
  • How to create a production ready bundle
  • How to do code splitting
  • How to do dead code elimination
  • How to do tree shaking to remove dead code
  • How to do hot module replacement (HMR)
  • How to do hot/live reload
  • How to use ES6/ code in production with Babel
  • How to load images
  • How to load style (css)
  • ...and more

Video and Slides

YouTube Screenshot


1. Install

# Clone this repo
git clone

Install dependencies

npm install

Run for development

npm run dev

go to http://localhost:8080

Run for production

npm run build


Things in the presentation

State of Javascript


Webpack Dev Server



More things to read


Feel free to contact me:

// Emil Oberg

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.