私は angular で実際のプロジェクトを開発したことがないので、質問があります。angular のルーティング効果は、HTML フラグメントをロードするために使用できます。スタイルCSSを使用したい場合、スタイルはindex.html内でしかリンクできないので、ルートが何本ある場合、CSSを何個埋めればよいでしょうか？または、CSS がファイルに記述されている場合、スタイルを制御するのが難しくなります。 以前は 1 つの CSS に対応する 1 つの HTML を記述していました。
ocLazyload を使用して、対応するコントローラー、CSS など、またはルーティングでロードしたいファイルをロードします
私はいくつかの AngularJS シングルページ アプリケーションを実行しました。 開発段階では、質問者が言ったのと同様に、各ルート（ビューだと思う）にCSSファイルを分割しましたが、公開するときは、すべてのCSSをgulpを使用してまとめて圧縮しました。ページがロードされ、ビューで呼び出されるスタイルはすべて圧縮された CSS ファイルから取得されます。
半年フロントエンドインターンとして働き、5、6件のプロジェクトのフロントエンドに携わりました。 当社のアプローチは、less で書き込み、最後に gulp/grunt/fis3 などのプロセス ツールを使用して、less ファイルをすべてパッケージ化して CSS ファイルに圧縮し、インターフェイス上でこの CSS ファイルを直接参照するだけです。
CSSをファイルに記述することをお勧めします 同時にHTMLテンプレートも記述すると、ホームページが開くのは遅くなりますが、その後の操作はスムーズになります。これらの大きなファイルを統合するためのキャッシュ戦略。ファイルはキャッシュされるため、後でホームページにアクセスするときに明らかな遅延は発生しません。 $templateCache
$templateCache
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
ocLazyload を使用して、対応するコントローラー、CSS など、またはルーティングでロードしたいファイルをロードします
私はいくつかの AngularJS シングルページ アプリケーションを実行しました。
開発段階では、質問者が言ったのと同様に、各ルート（ビューだと思う）にCSSファイルを分割しましたが、公開するときは、すべてのCSSをgulpを使用してまとめて圧縮しました。ページがロードされ、ビューで呼び出されるスタイルはすべて圧縮された CSS ファイルから取得されます。
半年フロントエンドインターンとして働き、5、6件のプロジェクトのフロントエンドに携わりました。
当社のアプローチは、less で書き込み、最後に gulp/grunt/fis3 などのプロセス ツールを使用して、less ファイルをすべてパッケージ化して CSS ファイルに圧縮し、インターフェイス上でこの CSS ファイルを直接参照するだけです。
CSSをファイルに記述することをお勧めします
同時にHTMLテンプレートも記述すると、ホームページが開くのは遅くなりますが、その後の操作はスムーズになります。これらの大きなファイルを統合するためのキャッシュ戦略。ファイルはキャッシュされるため、後でホームページにアクセスするときに明らかな遅延は発生しません。
$templateCache