Catatan tentang opsi untuk mengatur Sass / SCSS dalam aplikasi Angular

Bagaimana cara menyusun file sass / scss dalam proyek Angular? Setelah menanyakan pertanyaan ini, saya menemukan beberapa opsi.

1 cara - simpan semua file gaya di / folder gaya

Dalam hal ini, kami membuat semua file di folder /styles



, mengamati struktur perkiraan:

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

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

Salah satu cara populer untuk menyusun file dengan cara ini adalah pola 7-1 yang disarankan dalam dokumentasi sass. Selengkapnya dapat ditemukan di sini di tautan .

Kelebihan dari pendekatan ini:

1. Semua file gaya di satu tempat.

   
   
   
   
   

2. Bangunan gaya dipercepat.

   
   
   
   
   

Minus:

1. Pengembang harus membayangkan di mana file yang diperlukan harus ditempatkan.

   
   
   
   
   

2. .

   
   
   
   
   

2 - , /styles

, , /styles



. , . /styles



, , .

:

1. .

   
   
   
   
   

2. .

   
   
   
   
   

:

1. .

   
   
   
   
   

3 () - , /styles

.

:

1. .

   
   
   
   
   

2. .

   
   
   
   
   

:

1. , .

   
   
   
   
   

, Angular . . , .

Angular ?