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

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

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

    我直接在 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   ·   实用小工具   ·   1055 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 19:58 · PVG 03:58 · LAX 11:58 · JFK 14:58
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.