我目前正在使用默认的"Material Design Icons"构建一个vuetifyjs-app。在生产构建中,我只使用了此字体中的2个图标(由vuetify-component chips使用)。
按照推荐,我包含了完整的iconfont:
<link href="https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css" rel="stylesheet">
但是在生产构建中,这会强制用户下载近0.5MB的数据仅用于2个图标。是否有方法:
- 在CDN请求中仅包含所需的图标或
- 使用Tree-Shaking在主CSS文件中仅包含所需的图标?(我正在使用parcel.js构建器)