vite
文章平均质量分 87
blue_121
越努力,越幸运
展开
-
Vite 的首屏性能为什么不好?
Vite 给人一种又快又慢的感觉,快主要体现在 DevServer 的启动和热更新上,但随之带来的问题是,首屏性能不好以及页面加载时间长的问题。那为什么 Vite 的首屏性能不是怎么好呢?转载 2023-05-23 14:24:44 · 532 阅读 · 2 评论 -
vite打包优化
但是还是有个700多kb的echarts插件和500多kb的element-puls....所以按需引入eleplus和选择合适的插件还是很重要的。再次 npm run build,文件就被拆开了,而不是所有引入的js都拼在一起。拆分后文件个数变成了206个,多了15个。再次打包生成后的js文件中,就几乎没有console.log以及debugger了。解决方式:添加如下代码,去除打包后的console.log。打开build之后的js文件,生成了相应的压缩文件。对比一下,没压缩之前的文件,确实小了很多。原创 2023-05-23 14:02:37 · 5581 阅读 · 2 评论 -
vite中引入图片的几种方式
该目录中的资源在开发时能直接通过 / 根路径访问到,并且打包时会被完整复制到目标目录的根目录下。请注意: 引入 public 中的资源永远应该使用根绝对路径 —— 举个例子,public/icon.png 应该在源码中被引用为 /icon.png。在一个 JavaScript 模块中,通过相对路径我们就能得到一个被完整解析的静态资源 URL:(相对路径一定要写正确,当前引入图片的文件,相对图片的位置)生产环境,开发环境统统无效。目录会更省事,不管是开发环境还是生产环境,可以始终以根目录保持图片路径的一致。原创 2023-05-19 16:44:19 · 10207 阅读 · 2 评论