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

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.