ant design vue 打包文件过大,怎么去掉部分 js 文件 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
yeshu
V2EX    Vue.js

ant design vue 打包文件过大,怎么去掉部分 js 文件

  •  
  •   yeshu 2020-08-21 17:09:45 +08:00 4037 次点击
    div class="outdated">这是一个创建于 1925 天前的主题,其中的信息可能已经有所发展或是发生改变。

    我直接在 node_modules 里删掉部分文件,都没用。

    我在代码里找也找不到引用这部分文件的代码。 img

    15 条回复    2020-08-22 10:19:29 +08:00
    qwerthhusn
        1
    qwerthhusn  
       2020-08-21 17:16:27 +08:00
    用 compression-webpack-plugin 和 brotli-webpack-plugin 打成 gz 和 br 包
    nginx 开 gzp_static 和 br_static
    qwerthhusn
        2
    qwerthhusn  
       2020-08-21 17:17:15 +08:00
    管他多大,都是文本文件,压缩后会变得非常小,nginx 会直接返回压缩后的文件
    stevenhawking
        3
    stevenhawking  
       2020-08-21 18:03:27 +08:00
    @qwerthhusn 和 nginx 开启 gzip 有区别吗
    learningman
        4
    learningman  
       2020-08-21 18:11:42 +08:00
    @stevenhawking 运行时压缩会消耗额外的 CPU 和时间
    不过我感觉吧。。。感知不强

    你需要的是 webpack 的 externals 选项
    yyfearth
        5
    yyfearth  
       2020-08-21 18:17:07 +08:00
    @learningman 还不能是 externals 这样碰到了还是会报错
    如果确定不用到可以 ignore 或者用空文件替代
    learningman
        6
    learningman  
       2020-08-21 18:30:57 +08:00
    @yyfearth external 了再加 CDN 嘛
    vendor 太大了心里难受,日常操作了)
    azh7138m
        7
    azh7138m  
       2020-08-21 19:03:56 +08:00   1
    antv/g2 是图表库,建议自查是谁依赖的

    可以
    yarn why @antv/g2
    看看是谁引进来的依赖
    dinjufen
        8
    dinjufen  
       2020-08-21 19:13:50 +08:00
    你这张图是什么工具得到的?
    qwerthhusn
        9
    qwerthhusn  
       2020-08-21 19:34:29 +08:00   1
    @stevenhawking
    假如你想访问 abc.js
    开了 gzip,没有开 gzip_static,nginx 取到 abc.js 文件,然后压缩一把返回给客户端( nginx 可能会缓存压缩后得内容,下次直接返回压缩过的内容,这个只是我的猜测,不确定)
    开了 gip 并开了 gzip_static,nginx 会检查有没有一个叫 abc.js.gz 的文件,如果有,直接返回这个文件内容;如果没有,跟上面的逻辑一样,自行去压缩。
    murmur
        10
    murmur  
       2020-08-21 19:57:34 +08:00
    antdesgin 按需引用,生产模式,gzip 全开,尺寸是可以接受的,你这里为什么 icons 都这么大,还有一大坨图标库
    fengxianqi
        11
    fengxianqi  
       2020-08-21 20:04:14 +08:00 via Android
    路由懒加载,icon 也可以按需引入,lodash 不要全量引
    murmur
        12
    murmur  
       2020-08-21 20:23:40 +08:00
    @dinjufen webpack bundle analyzer
    yeshu
        13
    yeshu  
    OP
       2020-08-22 01:10:38 +08:00
    @yyfearth 但是我把 antv build 文件夹里面的文件都删了,打包后还是那个样子
    OHyn
        14
    OHyn  
       2020-08-22 08:11:51 +08:00 via Android
    页面用 webpack 做一下代码分割,组件在每个页面分别引入。首次加载别太大就好。。
    fogg
        15
    fogg  
       2020-08-22 10:19:29 +08:00
    github 仓库有这个 issue 作者做了回复 去看下就好 我之前也删过
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3247 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 23ms UTC 10:36 PVG 18:36 LAX 02:36 JFK 05:36
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86