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

SymfonyCasts

Webpack Encore: A Party for your Assets

via SymfonyCasts

Overview

Build a Learning Habit
Download Class Central's free printable study calendar
Download for Free

Webpack... it's amazing! It will change the way you develop, giving you the power to write JavaScript modules, use front-end frameworks and optimize your assets!

But... Webpack is hard! Heck, we created a 3 hour tutorial all about it! That's why Webpack Encore: a library that drastically simplifies Webpack, so you can get back to developing. In this tutorial, we'll cover:

  • Installing and getting Encore rocking!
  • Downloading & using external libraries, like jQuery
  • Using multiple JavaScript entry points
  • Pre-processing through Sass
  • Bonus features: enabling React.js, Vue or PostCSS processing
  • Sourcemaps & versioning
  • Optimizing with a "shared" commons entry
  • Handling jQuery plugins
  • The import & export syntax
  • production builds
  • automatic asset versioning

This is going to be a blast: an awesome new asset setup, without the headache!

Syllabus

  • Installing Encore
  • Our First Encore
  • Require Outside Libraries
  • Component Organization
  • Multiple Pages / Entries
  • jQuery Plugins / Bootstrap
  • Require CSS!?
  • Handling Images with the CopyPlugin
  • Sass & Sourcemaps
  • Integrating FOSJsRoutingBundle
  • ES6 Import & Export
  • Building for Production
  • Asset Versioning & Cache Busting

Taught by

Ryan Weaver

Reviews

Start your review of Webpack Encore: A Party for your Assets

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.