Čelná časť (front-end)

Symfony dokumentácia → Čelná časť (front-end)

---

Manažovanie CSS a Javascript

originál návod

Symfony prichádza s čistou JavaScript knižnicou s názvom Webpack Encore, pomocou ktorej sa lepšie robí s CSS a JavaScript. Môžete používať túto knižnicu, alebo nejakú inú, či vytvoriť si statické CSS a JS súbory v adresári web/ a pridávať ich do šablón.

Webpack Encore

Webpack Encore integruje jednoduchým spôsobom do vašej aplikácie Webpback.

Encore je inšpirované Webpacker-om a Mix-om no podobá sa stále Webpack-u: používa jeho prvky, koncept a pomenovania.

Encore je vytvorené Symfony, no možno ju používať kdekoľvek.

Dokumentácia Encore

Štart

• inštalácia
• prvý príklad

Pridávanie ďalších prvkov

• CSS preprocesor: Sass, LESS, atď
• PostCSS a autoprefix
• Ako umožniť React.js
• Ako umožniť Vue.js
• Konfgigurácia Babel
• Ako umožniť Source maps
• Ako umožniť TypeScript (ts-loader)

Optimalizácia

• Versionovanie a súbor manifest.json
• Používanie CDN
• Vytvorenie zdieľania entry súborov

Návody

• Využitie Bootstrap CSS & JS

Celé Api

• celé API

JQuery UI

• návod