Symfony 6 - Webpack Encore (managing CSS and JS)

Опубликовано: 14 Октябрь 2024
на канале: Tanya WebDev
658
14

From this video you can get basic information about Webpack Encore and how to manage CSS an JS in your Symfony application.

💡 You can support the channel on Patreon:   / tatyana_webdev  

⭐️ Tutorial Contents ⭐️

◆ (00:00) Let's start

◆ (00:28) What is Webpack & Webpack Encore?

◆ (02:33) How to install Webpack Encore in a Symfony app?

◆ (03:15) About configuring Webpack Encore

◆ (07:19) How to manage CSS?

◇ (07:28) How to import CSS files for all pages?
◇ (09:36) How to import CSS files for separate pages?

◆ (12:46) How to install and integrate Bootstrap CSS & JS using Webpack Encore?

◇ (12:56) How to use Bootstrap CSS?
◇ (17:08) How to use Bootstrap JS?

◆ (19:21) How to manage JS?

◇ (19:24) How to import JS files for all pages via Node syntax?
◇ (21:30) How to import JS files for all pages via ECMAScript syntax?
◇ (22:38) How to import JS files for separate pages?

___
You can find me on:
LinkedIn:   / tatyana-webdev  

#coding #php #symfony #symfony6 #webpack #webpackEncore #managingCSS #managingJS #bootstrap #bootstrapAndWebpack