THELIA Forum

Welcome to the THELIA support and discusssion forum

Announcement

Rejoignez la communauté sur le Discord Thelia : https://discord.gg/YgwpYEE3y3

Offline

#1 Bower avec sass et plus less

(14-12-2023 18:40:35)


Bonjour à tous, je viens de commencer un projet sous Thelia 2.5, et j'ai voulu installer les dépendances en utilisant Bower et Grunt. (comme indiqué dans la doc)
Mais, après quelques erreurs et questionnements, j'ai fini par comprendre que Bootstrap était fourni non pas avec des fichiers less mais des fichiers .scss
Ensuite, Grunt m'affiche une erreur avec les fichiers less de Fontawesome.
Bref... comme je suis parti des templates de base, j'ai besoin de bootstrap, et tant qu'à faire, j'aurais bien utilisé fontawesome 6
Vous avez une astuce à me transmettre ? Se passer de Bower et récupérer des fichiers de bootstrap et Fontawsome autrement ?
Merci !

Offline


je crois que le template "moderne" n'est plus en less/grunt

Offline


Effectivement, il utilise webpack, le css est du SASS et plus du LESS, et certaines parties (le tunnel de commande en particulier) sont codée en React JS.

Pour commencer, il te faut installer Node JS et npm sur ta machine : https://docs.npmjs.com/downloading-and- … js-and-npm

Ensuite, pour développer, il te faut faire, dans le répertoire du template modern :

npm install pour installer les dépendances.
npm run start pendant le développement, chaque asset (css, js, image) est recompilé et placé au bon endroit, et ta page est rechargée automatiquement

Finalement, pour déployer en prod :

npm run build pour générer les assets que tu pourras déployer en prod.


OpenStudio Toulouse

Offline


Merci. Bon... je vais voir. (disons que je m'étais familiarisé avec les fichiers Less, que je comptais réutiliser)
Il y a peut-être aussi moyen d'installer des versions antérieures de Bootstrap et FontAwsome qui continuent d'utiliser Less... Je cherche !
Bonne journée !

Offline


Bower m'a installé la version 6 de FontAwesome, qui manifestement demande un peu d'adaptation https://fontawesome.com/v6/docs/web/set … /scss-less
Je vais voir si je ne peux pas me contenter de la version 5 (et de ne pas l'installer avec Bower)
Bonne journée !

Offline


Mais tu utilises le template "modern" ou "default" ?


OpenStudio Toulouse

Offline


J'utilise un  template que j'ai créé à partir de Default. Si j'ai bien compris la doc, Défault est fourni avec Fontawesome 3, et grâce à Bower, je pouvais utiliser la dernière version de Fontawsome. Idem avec Bootstrap (dont j'ai besoin, mais sans plus)

Offline


Ha ok, alors oublie mon message.


OpenStudio Toulouse