Une note sur les options d'organisation de Sass / SCSS dans une application angulaire

Comment structurer les fichiers sass / scss dans un projet Angular ? Une fois cette question posée, j'ai trouvé plusieurs options.

1 voie - conservez tous les fichiers de style dans le dossier / styles

Dans ce cas, nous créons tous les fichiers dans le dossier /styles



, en respectant la structure approximative :

styles 
	├── base 
	├── components
	└── xxxxx
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

L'un des moyens les plus populaires de structurer les fichiers de cette manière est le modèle 7-1 suggéré dans la documentation sass. Plus de détails peuvent être trouvés ici sur le lien .

Les avantages de cette approche :

1. Tous les fichiers de style en un seul endroit.

   
   
   
   
   

2. La construction du style est accélérée.

   
   
   
   
   

Inconvénients :

1. Le développeur doit imaginer où doit se trouver le fichier requis.

   
   
   
   
   

2. .

   
   
   
   
   

2 - , /styles

, , /styles



. , . /styles



, , .

:

1. .

   
   
   
   
   

2. .

   
   
   
   
   

:

1. .

   
   
   
   
   

3 () - , /styles

.

:

1. .

   
   
   
   
   

2. .

   
   
   
   
   

:

1. , .

   
   
   
   
   

, Angular . . , .

Angular ?