Intégration d'un projet
Rechargement des styles à chaud
Prérequis
- Afin de pouvoir effectuer un rechargement "à chaud" des styles css, compass doit être installé sur le poste de développement.
sudo apt-get install ruby-dev
sudo gem install sass compass
- Dans la configuration du serveur tomcat, définir l'action "Update classes and resources" pour les sections "On 'Update' action" et "On frame deactivation".
- Aoutez dans le fichier "storage/conf/env.properties" la ligne suivante afin de ne pas avoir les fichiers css minifiés et ainsi pouvoir debugger en mode inspecteur dans les navigateurs.
wro.debug=true
Compilation en temps réel des css
- Le fichier de configuration pour la compilation des scss est "src/main/sass/jsp/styles/config.rb"
- Ouvrir un terminal et se positionner sur le projet dans le répertoire styles
- Tapez "compass watch", pour voir en temps réel les modifications css que vous faites.
compass watch
>>> Compass is watching for changes. Press Ctrl-C to Stop.
INFO :
- Le fichier "src/main/sass/jsp/styles/screen.scss" regroupe tous les scss qui sont importés.
- Le fichier css final est dans webapp, screen.css.