J'utilise actuellement Parcel 2.8.3 et @parcel/transformer-sass 2.8.3, mais j'ai quelques problèmes avec la façon dont je réécris les requêtes multimédias. Dans mes projets précédents utilisant Parcel, je n'ai eu aucun problème de ce type et tout était comme il se doit.
Voici le fichier SASS :
h1 { La couleur rouge; } Écran @media uniquement et (largeur maximale : 40 em) { h1 { Couleur bleue; } }Voici la sortie CSS :
h1 { La couleur rouge; } Écran @media uniquement et (largeur <= 40em) { h1 { couleur : #00f ; } }Comme vous pouvez le constater, la requête multimédia dans le fichier CSS a été modifiée de largeur maximale à largeur <= 40em, ce qui ne fonctionne pas lorsqu'elle est affichée sur un téléphone mobile réel.
Si j'utilise package-lock.json et package.json copiés à partir d'un projet vieux d'un mois, les requêtes multimédias sont réécrites comme elles devraient l'être. Comme indiqué ci-dessus, lors de l'exécution de
npm i Parcel & npm i @parcel/transformer-sass
pour mon nouveau projet, lorsque je lance le projet, toutes les requêtes multimédias changent comme dans le deuxième bloc de code affiché. Toute suggestion sera appréciée.
J'ai trouvé une solution pour étendre la liste des navigateurs. Ajoutez ce qui suit à votre package.json :
Cela étendra les navigateurs pris en charge et devrait garantir qu'il n'est pas écrasé et que les anciens safaris peuvent le gérer.