現在、デフォルトの「Material Design Icons」を使用して vuetifyjs-app を構築しています。製品ビルドでは、このフォントの 2 つのアイコンのみを使用します (vuetify-component チップで使用)。
推奨されるように、完全なアイコンフォントを含めました
<link href="https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css" rel="stylesheet">
しかし、本番ビルドでは、ユーザーは 2 つのアイコンに対してのみ約 0.5MB のデータをダウンロードする必要があります。次の方法はありますか?
- CDN リクエストに必要なアイコンのみを含めるか、
- Tree-Shaking を使用して、メインの CSS ファイルに必要なアイコンのみを含めますか? (私は parcel.js ビルダーを使用しています)