Le nouvel état du CSS dans Angular 13

Par:
fredericmazue

ven, 26/11/2021 - 15:00

Angular 13 est sorti début novembre. Un intéressant billet de Google détaille les évolutions du framework en ce qui concerne le travail avec les feuilles de style CSS.

Par exemple, en 2019, Sass a introduit un nouveau système de modules, y compris une migration de @import vers @use. En passant à la syntaxe @use, il est plus facile de déterminer quel CSS est inutilisé et réduire la taille de la sortie CSS compilée. Cela rend impossible l'extraction par inadvertance de dépendances transitives. Chaque module n'est inclus qu'une seule fois, quel que soit le nombre de fois où ces styles sont chargés.

Autre exemple, la suppression du support d'Internet Explorer 11 dans Angular 13 introduit de nouvelles possibilités. Ainsi il est possible d'adopter un style Web moderne tel que CSS Grid, CSS logical properties, CSS calc(), ::hover, etc. Il est également possible de travailler avec les variables CSS, ou propriétés CSS personnalisées.