Il documento tratta della gestione delle librerie frontend in PHP, suggerendo diverse soluzioni come l'utilizzo di Composer e Bower per gestire e includere librerie JavaScript e fogli di stile. Viene discusso l'approccio non raccomandato di scaricare i file manualmente, e viene proposto un esempio di configurazione di Composer e Bower. Includendo strumenti come Assetic, il documento mostra come integrare le librerie in un progetto Symfony.

1. gestire le
librerie di
frontend
in PHP!
Massimiliano Arione

2. problema
voglio gestire le mie librerie di frontend

3. problema
voglio gestire le mie librerie di frontend
ovvero...

4. problema
voglio gestire le mie librerie di frontend
ovvero…
file javascript
fogli di stile

5. qui parliamo di...
librerie esterne!
●
●
●
●
●
●
●
bootstrap
foundation
modernizr
jquery
jquery-ui
font awesome
ecc ecc….

6. la prima soluzione...
(brutta! NON FATELO!!)
… scaricare le librerie e includere nel
repository del progetto

7. una prima soluzione decente...
usare composer
https://github.com/components
{
"require": {
"components/modernizr": "2.*",
"components/jqueryui": "1.10.*",
"components/bootstrap": "2.*"
}
}

8. smell
i file sono copiati in una cartella pubblica
{
"config": {
"bin-dir": "bin",
"component-dir": "web/components"
},
}

9. seconda soluzione
bower!
sudo npm install -g bower
bower help
bower init

10. file di configurazione
bower.json
{
"name": "PUG Roma",
"authors": [
"Massimiliano Arione”
]
"dependencies": {
"jquery": "2.*"
}
}

11. installazione
bower install

12. con Symfony2
.bowerrc
{
"directory": "app/Resources/bower"
}
da aggiungere a .gitignore

13. capifony
before 'symfony:cache:warmup', 'bower:
install'
namespace :bower do
desc '[internal] Run the bower install'
task :install do
invoke_command "cd #{latest_release}
&& bower:install"
end
end

14. assetic
assetic:
assets:
jquery_js:
inputs:
- "%kernel.root_dir%/..
/app/Resources/bower/jquery/jquery.js"

15. layout
{% javascripts
'@jquery_js'
'@AcmeBundle/Resources/public/js/my.js'
%}

16. ?
http://bower.io/
https://github.com/Spea/SpBowerBundle