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