I am currently working on a vuetifyjs-app using the default "Material Design Icons". For the production build, I am only utilizing 2 icons from this font (which are being used by the vuetify-component chips).
Following recommendations, I have included the complete iconfont with
<link href="https://cdn.jsdelivr.net/npm/@mdi/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="6d0b0203192d5e4315">[email protected]</a>/css/materialdesignicons.min.css" rel="stylesheet">
However, in the production build, this requires the user to download almost 0.5MB of data just for 2 icons. Is there a way to:
- Include only the necessary icons in the CDN request or
- Utilize Tree-Shaking to include only the needed icons in the main CSS file? (I am using the parcel.js builder)