Webpack Encore: A Party for your Assets

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!

• 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