yeshu
V2EX  ›  Vue.js

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

  •  
  •   yeshu · Aug 21, 2020 · 4291 views
    This topic created in 2092 days ago, the information mentioned may be changed or developed.

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

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

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

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

    可以
    yarn why @antv/g2
    看看是谁引进来的依赖
    dinjufen
        8
    dinjufen  
       Aug 21, 2020
    你这张图是什么工具得到的?
    qwerthhusn
        9
    qwerthhusn  
       Aug 21, 2020   ❤️ 1
    @stevenhawking
    假如你想访问 abc.js
    开了 gzip,没有开 gzip_static,nginx 取到 abc.js 文件,然后压缩一把返回给客户端( nginx 可能会缓存压缩后得内容,下次直接返回压缩过的内容,这个只是我的猜测,不确定)
    开了 gip 并开了 gzip_static,nginx 会检查有没有一个叫 abc.js.gz 的文件,如果有,直接返回这个文件内容;如果没有,跟上面的逻辑一样,自行去压缩。
    murmur
        10
    murmur  
       Aug 21, 2020
    antdesgin 按需引用,生产模式,gzip 全开,尺寸是可以接受的,你这里为什么 icons 都这么大,还有一大坨图标库
    fengxianqi
        11
    fengxianqi  
       Aug 21, 2020 via Android
    路由懒加载,icon 也可以按需引入,lodash 不要全量引
    murmur
        12
    murmur  
       Aug 21, 2020
    @dinjufen webpack bundle analyzer
    yeshu
        13
    yeshu  
    OP
       Aug 22, 2020
    @yyfearth 但是我把 antv build 文件夹里面的文件都删了,打包后还是那个样子
    OHyn
        14
    OHyn  
       Aug 22, 2020 via Android
    页面用 webpack 做一下代码分割,组件在每个页面分别引入。首次加载别太大就好。。
    fogg
        15
    fogg  
       Aug 22, 2020
    github 仓库有这个 issue 作者做了回复 去看下就好 我之前也删过
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5557 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 88ms · UTC 07:13 · PVG 15:13 · LAX 00:13 · JFK 03:13
    ♥ Do have faith in what you're doing.