uncssでは、スタイルシートから未使用のCSSを削除できます。これは、配布されるhtmlファイルを見て、使用されるcssルールのみをパッケージ化することによって機能します。 [class.completed]="todo.complete"を理解するツールのようなuncssがある場合Angular 4テンプレートに対してuncssを実行していますか？
<li *ngFor="let todo of todos" [class.completed]="todo.complete">
誰もが知っている：
角度4は、このように、条件付きCSSを適用するディレクティブを持っていますか？
私はそれを可能にするツールを構築しています。それはまだベータですが、あなたのアプリに対してそれを試してみたいです。このツールは、JavaScriptのスニペットを使用して、使用されているCSSセレクタを検出します。ユーザーがページとやりとりするたびに、テストの新しいサイクルが開始されます。
サーバーが結果を集約します。最後に、このツールは、セレクタが安全に削除できると評価された後、実際に未使用のCSSを削除するために、コードに対してプルリクエストをトリガすることができます。
試してみるには、https://www.bleachcss.com
非常にクール - 私の使用例では、かなり大量のCSSバンドルを作成しています。たとえば、superfly-css-utilitities-layoutまたはsuperfly-css-utilities-fonts（すべての単一googleフォント）バンドルがnpmにバンドルされています。これらは出荷前にuncssに対して実行する必要があります。私はサイトでプログレッシブなWebアプリケーションのアプローチを使用することも計画しています。つまり、CSSをインストールしてバージョンを変更する必要があります。 – Ole
そのようなツールは、ビューのカプセル化とAngular DSLを認識する必要があります（ただし、クラスを追加できるが解析はできないコンポーネントクラスがあります）。 uncss（ページをレンダリングし、既存のクラスをCSSと比較する）と同じ方向に移動することは、それほど簡単で正確ではありません。 – estus