Parcel réécrit incorrectement les requêtes multimédias
P粉722521204
P粉722521204 2023-08-30 16:22:21
0
1
472

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.

P粉722521204
P粉722521204

répondre à tous (1)
P粉426780515

J'ai trouvé une solution pour étendre la liste des navigateurs. Ajoutez ce qui suit à votre package.json :

"browserslist": "> 0.5%, last 3 versions, not dead"

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.

    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal
    À propos de nous Clause de non-responsabilité Sitemap
    Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!