xuke

Results 3 comments of xuke

换个包管理工具试试,我使用pnpm安装的依赖,在冷启动阶段长达1分钟多,我后来换成了npm,发现冷启动快多了,不知道什么问题,其中@ant-design/icons-vue 目前是被rollup全量处理的,可以看下这个issues:https://github.com/vueComponent/ant-design-vue/issues/5822。 ------------------------- Try another package management tool. I used the dependency of pnpm installation, which lasted for more than 1 minute in the cold start phase. Later, I changed...

今天偶然用StackBlitz这个在线开发者工具导入了一下项目,发现运行速度挺快,看了下启动的运行日志,发现在处理icon js 文件时耗比我本地测试时耗时减少很多,且没有在处理完上一个文件时等待下一个文件处理(可能太快看不出来是串行还是并行),StackBlitz使用的是npm进行的包管理工具安装的依赖。一开始我以为是厂商提供的服务器好,我自己本地再次尝试了一下,这次并未使用 pnpm 进行依赖安装,使用npm安装的依赖(使用pnpm安装依赖报错了,故转而使用npm),启动测试大概尝试了10几次(每次启动时我都把 node_modules/.vite 预构建的资源删除了)从命令执行到显示出页面资源完全下载完毕平均时长为 26秒 StackBlitz 在线项目启动日志处理文件耗时(基于npm安装): ![image](https://user-images.githubusercontent.com/77573477/180615249-26f8732b-0a63-4983-a8fc-dee83e0fc11c.png) npm 依赖运行启动耗时: ![image](https://user-images.githubusercontent.com/77573477/180613613-4810832e-c134-487d-82ae-b8957ef07867.png) 比pnpm快了非常多,使用pnpm安装的依赖在运行时,处理icons js文件 没处理一个文件都会停一下,全部处理完到浏览器正常显示资源大概1分钟多(经过反复多次运行的平均值) 后又对比了 yarn 管理工具,使用其安装依赖重新测试,平均加载时长与npm差别不大 yarn 依赖运行启动耗时: ![image](https://user-images.githubusercontent.com/77573477/180614997-9eb312a0-7b36-4311-8e68-52c3d98d0f4a.png) 目前,已知使用pnpm管理工具,在第一次运行时处理文件的耗时远超其他管理工具(npm yarn) yarn与npm安装的依赖,在编译@ant-design/icons-vue/es/icons下的文件时的耗时: ![image](https://user-images.githubusercontent.com/77573477/180615178-5ea8977c-2280-40a4-aeca-40205c36c7f4.png) 对比我之前发过的pnpm的耗时,pnpm处理每个文件时平均慢了10倍!!!

> 有关优化,看这里 #5803 好的我看一下,启动阶段目前vite确实把所有的icons js文件都处理了,这种情况下只能作者在源码上优化优化了,有个不太理解的点是,不同的包管理工具安装的依赖在启动时耗时差异还挺大,就比如我上面提到的npm与pnpm的对比,不知道是不是pnpm的包的管理形式不同造成的差异,这块不是很了解