Parlons de la façon de modifier les fichiers .css en fichiers .scss dans les projets angulaires

Cet article va vous parler de Angular Après avoir initialisé le projet, comment changer le fichier .css par défaut en fichier .scss ? Présentez la méthode de traitement. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

【Recommandation de tutoriel connexe : "tutoriel angulaire"】

Question : L'image ci-dessous est le projet après initialisation. Le fichier de style du projet est un fichier .css. Que dois-je faire si je souhaite changer .css en .scss ?

Solution : Exécutez la commande suivante :

find . -name "*.css" -exec bash -c 'mv "" "${1%.css}".scss' - '{}' ;

Ensuite, vous verrez une erreur dans la console, car l'endroit où le fichier .css était précédemment référencé est maintenant devenu un fichier .scss, et la référence doit à modifier.

Il y a deux modifications :

1 est le composant métier

2 est le fichier de configuration du projet.

Le composant métier signifie changer la référence d'origine en .css avec le suffixe en .scss. Par exemple :

Les informations de configuration du projet sont modifiées comme suit dans angulaire.json :

Après une telle modification, certaines erreurs de la console seront résolues. S'il y a encore des erreurs :

Si vous rencontrez ce genre d'erreur, arrêtez le projet et relancez le projet :

Dans le projet en cours, remplacez .css par .scss Must. être réformé.

Une chose à noter est qu'il s'agit d'un projet nouvellement créé, et il est encore au stade avant l'introduction d'un grand nombre de bibliothèques tierces. Si un grand nombre de bibliothèques tierces ont été introduites, telles que des bibliothèques de polices et d'autres bibliothèques pouvant être liées aux styles, cette méthode peut présenter certaines limites et nécessiter des modifications supplémentaires. Veuillez vous référer aux articles de référence cités dans cet article.

Référence : https://lanxuexing.github.io/2019/09/26/ng-scss-migrate/

Résumé : C'est le même que le fichier de routage déclaré plus tard hier. En fait, il peut être utilisé quand. lors de l'initialisation du projet, notez ces choses.

• L'une est : lors de l'initialisation du projet, créez un fichier de routage
• L'autre est : lors de l'initialisation du projet, définissez le format du fichier de style à utiliser dans le projet, qu'il soit .css ou .scss.

Cet article est reproduit à partir de : https://juejin.cn/post/6934947164162359304

Pour plus de connaissances sur la programmation, veuillez visiter : Introduction à la programmation ! !

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!