Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Laracasts

Webpack for Everyone

via Laracasts

Overview

Webpack is a wonderful tool for bundling front-end assets. Having said that, it can sometimes be a bit confusing to newcomers who switch over from a more traditional "concatenate these scripts and libraries in this exact order" setup. However, considering the recent release of Webpack 2, there has never been a better time to dive in. In this series, I'll show you how simple it is to bundle and optimize your assets for production.

Syllabus

  • Zero Configuration Compilation
  • A Dedicated Configuration File
  • Modules Are Simply Files
  • Loaders Are Transformers
  • ES2015 Compilation With Babel
  • Minification and Environments
  • Sass Compilation
  • Extract CSS to a Dedicated File
  • The Relative URL Conundrum
  • How to Strip Unused CSS
  • Long-Term Caching
  • Webpack Manifests
  • Automatic Image Optimization
  • Developing Webpack Plugins

Taught by

Jeffrey Way

Reviews

Start your review of Webpack for Everyone

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.