Symfony Webpack Encore Tutorial: Compiling JavaScript + CSS

ℹ In this recording I show you how to compile your JavaScript and CSS frontend assets in Symfony using a tool called Webpack Encore. If you're familiar with managing frontend assets then you're probably familiar with Webpack...and you'll no doubt be aware that configuring and using it ain't a walk in the park...

👇Follow me on Social Media:

💕Show support:

[danilivanov]

For a long time I was afraid to use this in my projects. But here I am =) Thanks =)

[ombrax]

Thank you so much, Gary! This is exactly what I need as to beginning understanding webpack encore. Great work.

[FlowWOBO]

Thank you Gary for this very clear little tutorial. I'm looking to go further with configureDevServerOptions and 'hot' + 'livereload', but can't seem to get it to work. Did you go further in this direction?

[sonoftroy]

thanks for the tutorial! great content. quick question, when you're using symfony 6 do you ever adjust the zend_extension = opcache in the php.ini for better performance? when I adjusted the setting, the load time appeared to be very slow. any suggestions thanks

[KOSMOS-sovw]

Kind people who can tell you how to call up a list of referrals in the symphony? I have a registration done by the ref link, the input is already configured, but I can't call up a list of everyone I invited, whatever I wrote in the controller, it gives me either an error or the one who invited me or my information and that's it

[jericoluislua]

Hi I am trying to go through with these tutorial. Everything worked kinda.. I was able to build the files and its being shown in the browser network analysis. But if you look at the website the changes arent being made. Any idea whats causing this?

[AlfinAndri]

Thank you. Lovely tutorials.
How do we just only compile one or two files of on our own css/js files, excluding third party libs (bootstrap, fontawesome, jquery). I mean, if we run --watch flag, and working on own css, we don't need to compile other 3rd party library (bootstrap, fontawesome) right? They compiled just one-time only.
How do we do that?

Thank you.

[fitterboss]

Thank you. But, may be you show how to use EasyAdmin bundle in the future, I think it will be helpfull . Some times need to make small admin fitures fast as possible.

[qkenkenu]

console.log('msg') in app.js not working, no matter wich wersion od encore i'm using.... js and the tools they build on top of it.. never works to me...

[parijke]

Maybe nice to follow up how to integrate with things as tailwind or purgecss or vue or ....

[-davian]

hi master, from dominican republic, visit us and enjoy, thanks for all the lesson 🐬