首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
vue.js
Coding
V2EX  ›  Vue.js

公司项目使用到 ant-design-vue,在打包时发现 icons 占了 530k,请问该如何优化?

  •  
  •   banliyaya · 23 天前 · 1436 次点击

    所有组件均采用按需引入,但是 icons 还是被打入了主包。 在 github 上查到官方有建议使用这个方法 alias: {'@ant-design/icons/lib/dist$': path.resolve(__dirname, './src/icons.js')} 也在对应的目录下创建了 icon.js 文件,也引入了自己所使用的 icon。 但是不管是运行时,或者打包时均提示: @ant-design/icons/lib/dist in ./node_modules/ant-design-vue/lib/icon/index.js 在 ant-design-vue/lib/icon/index.js 下没有找到这个依赖,但是自己查看这个源码却看到了有使用这个依赖,请问各位是哪里出现里问题呢?

    6 回复  |  直到 2019-11-22 09:11:08 +08:00
        1
    lework1234   23 天前
    按需引入
        3
    Sendya   23 天前
    你可以在调整之后,用依赖分析是否有效果

    生效:
    https://i.loli.net/2019/11/19/1soAmtDbChyEXLS.png

    未生效:
    https://i.loli.net/2019/11/19/ZosBR3FVGnjJdSi.png
        4
    Elfred2096   22 天前
    楼上不是作者吗
        5
    banliyaya   22 天前
    @Sendya 感谢,已经弄好了
        6
    banliyaya   20 天前
    @Sendya 您好,再请教一下,目前一般的 icon 都已经没有问题了。但是目前有 2 个组件都图片没有展示出来,分别是 message 和 popconfirm 都,其他都比如 select、datapicker 都在源码里面看到了引用的图标,也分别引入进来了,但是这 2 个怎么引入都不会显示,ExclamationCircleOutline、CheckCircleOutline
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   1788 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 71ms · UTC 00:07 · PVG 08:07 · LAX 16:07 · JFK 19:07
    ♥ Do have faith in what you're doing.