Symfony et webpack

Par Frédéric Leon, il y a 8 ans

PHP Symfony

Bonjour,

J'essaie desespérement d'utiliser du Sass dans mon projet symfony ... je commence avec ce framework ... donc c'est difficile car il y a plein de nouvelles choses a intégrer :'(

J'ai été sur la doc : http://symfony.com/doc/current/frontend.html

J'ai essayé de trouver des tutos vidéo... mais rien n'y fait, je n'arrive pas a l'intégrer a mon projet.

D'après ce que j'ai compris je dois installer webpack puis yarn pour pouvoir utiliser le sass.
J'ai essayé de l'installer via composer via la commande: composer require symfony/webpack-encore-pack
je retrouve viens "symfony/webpack-encore-pack": "^1.0" dans mon coposer.json mais rien dans vandor/symfony.

J'ai lu sur la doc officiel que je devais installer node.js puis yarn via ces deux sites:
https://nodejs.org/en/download/
https://yarnpkg.com/lang/en/

Mais null pars il est indiqué si je dois l'installer dans mon projet ou pas ... donc je l'ai installer avec les option par défaut (dans c:\programmes) j'essaie d'utiliser ensuite la commande yarn add @symfony/webpack-encore --dev mais il ne connait pas yarn ...

J'ai l'impression de faire n'importe quoi et je patoge complétement.

Merci de m'aider a inclure sass a mon projet, avant je l'avais installer via ruby (sur un projet qui n'utilisé pas symfony).
Methos

1 réponse

mansaychai, il y a 8 ans

Hello,

En réalité le fait que tu utilises Symfony n'a pas vraiment d'influence sur la façon d'utiliser Sass.
Si tu as déjà Sass installé (depuis Ruby gem) c'est plutôt bon signe, le gros du boulot est fait !

Crées tes fichiers Saas dans un dossier de ton choix et compiles comme tu le fais d'habitude vers un CSS.
Ce CSS compilé devra se trouver dans le dossier web/ de Symfony pour que les navigateurs puissent y accéder.
Il faudra ajouter ce fichier CSS dans ta vue principale depuis Twig :
<link rel="stylesheet" type="text/css" href="{{ asset('css/superfichiercompile.css') }}">

Et voilà !