Ionic 3のメインCSSファイルサイズを減らすためにCSSモジュール化を行うことはできますか？

Question

私はIonic 3 PWAを開発中です。私のPWAは、プロダクションビルド後に1.930KBのCSSファイルを取得しています。それは大きすぎ、私のアプリの読み込みパフォーマンスを損なっています！

私は遅延ロードを使用しており、モジュール化しています。私のページとコンポーネントは分かれていますが、CSSファイルはまだ1つのみです。 1つの巨大なCSSファイル！

このCSSを複数のファイルにモジュール化して、CSSの各部分がそれぞれのモジュールでロードされるようにするにはどうすればよいですか？

Answer 1

この問題はcreation of custom colorsによって発生しています。各カスタムカラーはCSSのサイズを大きくしすぎます。

解決方法はカスタムカラーを削除することでした。副作用として、カスタマイズされた色で「色」属性を使用することはできません。したがって、各コンポーネントに固有のCSSカラーを実装する必要があります。