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

2020-08-21 17:09:45 +08:00
 yeshu

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

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

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

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

可以
yarn why @antv/g2
看看是谁引进来的依赖
dinjufen
2020-08-21 19:13:50 +08:00
你这张图是什么工具得到的?
qwerthhusn
2020-08-21 19:34:29 +08:00
@stevenhawking
假如你想访问 abc.js
开了 gzip,没有开 gzip_static,nginx 取到 abc.js 文件,然后压缩一把返回给客户端( nginx 可能会缓存压缩后得内容,下次直接返回压缩过的内容,这个只是我的猜测,不确定)
开了 gip 并开了 gzip_static,nginx 会检查有没有一个叫 abc.js.gz 的文件,如果有,直接返回这个文件内容;如果没有,跟上面的逻辑一样,自行去压缩。
murmur
2020-08-21 19:57:34 +08:00
antdesgin 按需引用,生产模式,gzip 全开,尺寸是可以接受的,你这里为什么 icons 都这么大,还有一大坨图标库
fengxianqi
2020-08-21 20:04:14 +08:00
路由懒加载,icon 也可以按需引入,lodash 不要全量引
murmur
2020-08-21 20:23:40 +08:00
@dinjufen webpack bundle analyzer
yeshu
2020-08-22 01:10:38 +08:00
@yyfearth 但是我把 antv build 文件夹里面的文件都删了,打包后还是那个样子
OHyn
2020-08-22 08:11:51 +08:00
页面用 webpack 做一下代码分割,组件在每个页面分别引入。首次加载别太大就好。。
fogg
2020-08-22 10:19:29 +08:00
github 仓库有这个 issue 作者做了回复 去看下就好 我之前也删过

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/700323

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX