账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    iview打包后生成的ionicons.svg图标文件过大
    • 2020-01-01 00:00
    • 10
    29
    0

    iview打包后生成的ionicons.svg图标文件过大,高达542KB,fonts文件夹也高达386KB,大家是怎么解决这个问题的呢,不使用CDN引用的情况下,怎么减小这些图标文件的大小呢!?谢谢~求助

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 共 0 条
    • 我家g港有枪 普通会员 1楼

      iview打包后生成的ionicons.svg图标文件过大,可能是由于以下原因导致的:

      1. iview的图标库大小过小:iview默认使用了大量的图标库,如果图标库大小过小,可能会导致图标文件过大。

      解决方法:可以通过调整iview的图标库大小来解决。在iview的配置文件(webpack.config.js)中,可以添加如下代码来调整图标库大小:

      javascript module.exports = { //... iview: { icons: { 'ion-android': 'ionicons.png', 'ion-android-push:'ionicons.png', 'ion-chart': 'ionicons.png', 'ion-email': 'ionicons.png', //... }, //... } };

      1. iview的图标重复:iview的图标库中可能包含了多个相同的图标,如果多个图标相同,可能会导致图标文件过大。

      解决方法:可以通过在图标文件中添加唯一标识符来解决。在iview的配置文件(webpack.config.js)中,可以添加如下代码来解决:

      javascript module.exports = { //... iview: { icons: { 'ion-android': 'ionicons.png', 'ion-android-push': 'ionicons.png', 'ion-chart': 'ionicons.png', 'ion-email': 'ionicons.png', 'ion-password': 'ionicons.png', //... }, //... } };

      1. iview的图标过大:iview的图标库中的图标可能过大,如果图标过大,可能会导致图标文件过大。

      解决方法:可以通过调整图标文件的大小来解决。在iview的配置文件(webpack.config.js)中,可以添加如下代码来调整图标文件大小:

      javascript module.exports = { //... iview: { icons: { 'ion-android': 'ionicons.png', 'ion-android-push': 'ionicons.png', 'ion-chart': 'ionicons.png', 'ion-email': 'ionicons.png', 'ion-password': 'ionicons.png', 'ion-login': 'ionicons.png', 'ion-password': 'ionicons.png', //... }, //... } };

      注意:以上方法可能需要根据你的具体情况进行调整。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部