Webpack Encore: Frontend like a Pro!
|
Learn how to write great PHP code and improve your JavaScript skills with Webpack Encore. Install Encore and start coding modern JavaScript immediately. Discover modules, external libraries, jQuery plugins, CSS handling, code splitting, Sass, and more. Enhance your website’s performance and compatibility with PostCSS, Bower, polyfills, and new browser features. Don’t miss out on the benefits of enableSingleRuntimeChunk(). Start your journey to better JavaScript today!
What you’ll be learning
Writing great PHP code but your JavaScript looks a little bit hacky? It’s not your fault! Before Webpack, coding “correctly” in JavaScript… sorta wasn’t possible!
But setting up Webpack can be a pain. So… hello Webpack Encore! Encore allows you to modern JavaScript 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 & JavaScript
PostCSS, Bower, browserslist, polyfills & new features in old browsers
enableSingleRuntimeChunk()?
Async imports!
User Reviews
Be the first to review “Webpack Encore: Frontend like a Pro!”
You must be logged in to post a review.
There are no reviews yet.