Pourquoi créer un dossier de cache SASS ?

Qu'est-ce que le SASS ?

La forme complète de SASS est constituée de feuilles de style syntropiquement impressionnantes. C'est un préprocesseur ou compilateur avec lequel nous pouvons compiler SCSS.

Maintenant, la question est : qu’est-ce que le SCSS ? SCSS permet aux développeurs de mieux écrire du code CSS car il inclut des variables, des règles imbriquées, des fonctions, etc. et des fonctionnalités avancées similaires.

Par exemple, nous pouvons utiliser des variables dans SCSS afin qu'au lieu d'écrire une seule valeur plusieurs fois, nous puissions y accéder en utilisant le nom de la variable. De même, nous pouvons créer des fonctions dans SCSS et arrêter la duplication lors de l'écriture du code CSS.

Qu'est-ce qu'un dossier cache et quand est-il créé dans SASS ?

L'une des fonctionnalités SASS qui déroute souvent les développeurs est la création de dossiers de cache. Avant de comprendre le dossier cache, comprenons d'abord ce qu'est le cache.

Les données fréquemment consultées sont stockées dans le cache pour améliorer les performances des applications. Par exemple, les ordinateurs stockent les données fréquemment consultées dans la mémoire cache pour améliorer la réponse. Chaque fois que nous arrêtons l'ordinateur, toutes les données sont effacées du cache.

Le dossier cache SASS est automatiquement créé la première fois que vous exécutez le compilateur SASS. L'emplacement du dossier cache est déterminé par le système d'exploitation et la version du compilateur SASS utilisé. Généralement, le dossier cache se trouve dans le même répertoire que le fichier « styles.scss ».

Pourquoi créer un dossier cache ?

Fondamentalement, le dossier cache est créé dans SASS pour stocker la sortie CSS générée par le compilateur afin d'améliorer les performances du processus de compilation.

Ainsi, chaque fois que nous recompilons un fichier SCSS, le compilateur vérifie si la sortie du fichier concerné existe déjà dans le dossier cache. Si tel est le cas, il chargera la sortie de l'ancien fichier. Sinon, il compile le code du fichier SCSS si un nouveau code est ajouté ou si des améliorations sont apportées au fichier.

Cela peut améliorer l'efficacité du processus de compilation, réduire le temps de compilation et améliorer les performances de compilation SCSS.

Comment recompiler tous les fichiers de SCSS ?

Les développeurs doivent noter que la suppression manuelle du dossier cache peut entraîner la recompilation de tous les fichiers SCSS et augmenter le temps de compilation. Comme nous le savons tous, lors du développement d’applications, l’efficacité de la compilation est cruciale.

Cependant, si l'utilisateur souhaite ignorer la sortie stockée dans le répertoire cache et recompiler tous les fichiers, il peut utiliser la commande suivante dans le terminal.

sass --force sass/styles.scss:css/styles.css

Dans la commande ci-dessus, nous avons ajouté « --force » à la commande de compilation pour forcer la recompilation de tous les fichiers SCSS en ignorant toutes les sorties stockées dans le dossier cache.

Comment désactiver la création de dossiers de cache ?

Si l'utilisateur n'a pas d'exigences élevées en matière d'efficacité de compilation, le répertoire de cache peut également être désactivé.

Utilisez la commande suivante dans le terminal pour désactiver la création du dossier cache lors de la compilation des fichiers SCSS.

sass --no-cache sass/styles.scss:css/styles.css

Ici, nous avons utilisé l'option "--no-cache" dans la commande ci-dessus, qui arrêtera la création du répertoire de cache chaque fois que nous recompilerons le fichier SCSS après avoir inséré un nouveau code ou apporté des modifications.

Conclusion

Nous pouvons conclure que chaque fois que nous compilons du code SCSS pour la première fois, le dossier cache est automatiquement créé pour améliorer les performances du code. Si le développeur n'a pas besoin du dossier cache, il peut le désactiver ou forcer une recompilation de tous les fichiers.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!