Bootstrap 5 avec Symfony 5 et Webpack Encore

Introduction # Au moment où j’écris cet article (en décembre 2020), Bootstrap vient de sortir la version v5.0.0-beta1 de son célèbre framework CSS. Comme pour l’utilisation de Tailwind CSS, Symfony avec Webpack Encore nous permet d’utiliser et customiser simplement Bootstrap. Nous allons découvrir ensemble comment mettre en place simplement Bootstrap, puis nous verrons comment aller plus loin en le personnalisant. Initialisation du projet Symfony, Webpack Encore et PostCSS # Commençons par créer un nouveau projet Symfony.
Read more →

Utiliser Tailwind CSS 2, PurgeCSS avec Symfony et Webpack Encore

Introduction # J’ai suivi une formation Backend, et le Front n’est pas du tout ma spécialité, mais au quotidien, j’utilise généralement Bootstrap, et je dois dire que jusqu’à présent ce Framework me suffit largement. Ceci dit, de plus en plus de monde disent tout le bien qu’ils pensent de Tailwind CSS, et j’avais envie de tester par moi-même ! Histoire de faire les choses dans les règles de l’art, je vous propose d’utiliser Tailwind dans un projet Symfony, en utilisant Webpack Encore et PurgeCSS (qui est utilisé par Tailwind pour réduire la taille du fichier CSS, nous le verrons plus tard).
Read more →