Utilisation des Source Maps avec SASS

Travailler avec les sourcemaps
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtrisez le préprocesseur CSS : SASS
Revoir le teaser Je m'abonne
5,0
Transcription

34,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
5,0
34,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont de montrer comment configurer les Source Maps avec SASS et d'améliorer la capacité à déboguer les fichiers CSS générés.

Découvrez l'importance des Source Maps dans le développement SASS et comment les configurer efficacement.

Dans cette leçon, nous explorons l'utilisation des Source Maps avec SASS pour améliorer le processus de développement web. En modifiant votre fichier config.rb pour inclure l'option sourceMap et en veillant à ce que l'option Enable CSS Source Maps soit activée dans votre inspecteur d'éléments, vous pouvez facilement tracer les styles CSS directement à la ligne correspondante dans vos fichiers SCSS.

Vous apprendrez à générer les fichiers .map en utilisant la commande Compass Watch, ce qui permettra à votre navigateur de pointer précisément vers la ligne de SASS lors de l'inspection des éléments. Cette technique est essentielle pour maintenir un flux de travail fluide et efficace, particulièrement lors de la gestion de projets complexes où le CSS généré est volumineux.

Voir plus
Questions réponses
Qu'est-ce que les Source Maps en SASS?
Les Source Maps en SASS sont des fichiers qui relient les lignes de votre CSS généré aux lignes correspondantes dans vos fichiers SCSS originaux, facilitant ainsi le débogage.
Comment activez-vous les Source Maps dans votre fichier Config.rb?
Vous pouvez activer les Source Maps en ajoutant la ligne sourceMap = true dans votre fichier config.rb.
Quelle commande est utilisée pour générer les fichiers .map?
Vous utilisez la commande Compass Watch pour générer les fichiers .map nécessaire pour les Source Maps.
1 commentaire
5,0
1 vote
5
4
3
2
1
hugo.barnas
Il y a 4 ans
Claire et complet.