Scroll Top

Migration scss : remplacement division “/” par math.div

Si vous aussi vous développez sous Windows vos applications web Symfony et que vous aussi vous utilisez yarn pour l’installation des packages utilisés par Webpack, vous avez peut-être déjà rencontré le warning suivant lors de l’utilisation de la commande build de yarn :

				
					
10% building 0/1 entries 6/23 dependencies 0/6 modulesDEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($font-size-base, 1.1)

More info and automated migrator: https://sass-lang.com/d/slash-div

   ╷
93 │ $font-size-xs: ($font-size-base / 1.1);
   │                 ^^^^^^^^^^^^^^^^^^^^^
   ╵
    assets\styles\theme\themes\default\_variables.scss 93:17  @import
    assets\styles\theme\themes\_layout-variables.scss 2:9     @import
    assets\styles\theme\base.scss 8:9                         @import
    assets\styles\app.scss 4:9                                root stylesheet
				
			

Effectivement la division en utilisant le slash “/” est dépréciée du coup il existe une commande à exécuter pour migrer vos fichiers .scss vers la nouvelle méthode de division qui est d’utiliser la méthode “math.div”.

Tout d’abord installé le package de migration en global avec la commande suivante :

				
					yarn global add sass-migrator
				
			

Lancez ensuite la commande suivante pour effectuer la migration :

				
					C:\Users\%USERNAME%\AppData\Local\Yarn\bin\sass-migrator.cmd division **/*.scss
				
			

Laisser un commentaire