AngularアプリケーションでSass / SCSSを整理するためのオプションに関する注意

Angularプロジェクトでsass / scssファイルを構造化するにはどうすればよいですか？この質問をすると、いくつかの選択肢が見つかりました。

1つの方法-すべてのスタイルファイルを/ stylesフォルダーに保持します

この場合、/styles



おおよその構造を観察しながら、フォルダー内にすべてのファイルを作成します。

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

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

この方法でファイルを構造化する一般的な方法の1つは、sassのドキュメントで提案されている7-1パターンです。詳細については、こちらのリンクをご覧ください。

このアプローチの長所：

1. すべてのスタイルファイルを1か所に。

   
   
   
   
   

2. スタイル構築が加速されます。

   
   
   
   
   

マイナス：

1. 開発者は、必要なファイルをどこに配置するかを想像する必要があります。

   
   
   
   
   

2. .

   
   
   
   
   

2 - , /styles

, , /styles



. , . /styles



, , .

:

1. .

   
   
   
   
   

2. .

   
   
   
   
   

:

1. .

   
   
   
   
   

3 () - , /styles

.

:

1. .

   
   
   
   
   

2. .

   
   
   
   
   

:

1. , .

   
   
   
   
   

, Angular . . , .

Angular ?