What you'll be learning

Writing great PHP code but your jаvascript looks a little bit hacky? It's not your fault! Before Webpack, coding "correctly" in jаvascript... sorta wasn't possible!

But setting up Webpack can be a pain. So... hello Webpack Encore! Encore allows you to modern jаvascript starting... immediately! Go, go go!

Installing Encore & yarn
webpack.config.js & your first Webpack build!
Adding script & link tags thanks to WebpackEncoreBundle: encore_entry_script_tags() & encore_entry_link_tags()
Modules! require, import and export
Installing & using external libraries
jQuery plugins & global variables
Handling CSS! Including fonts & images
Code splitting: free, smart optimization
Sass & Overriding Bootstrap Sass Variables
Copying static files
Multiple "entries": page-specific CSS & jаvascript
PostCSS, Bower, browserslist, polyfills & new features in old browsers
enableSingleRuntimeChunk()?
Async imports!