用了unplugin-auto-import插件后，组件打包没有external ElementPlus 组件库。 然后写了个插件，组件打包体积减少将近90%!!!!

项目问题 1. js包之间的依赖问题 分析network加载顺序可知， 页面js依赖preview.js，previw.js执行时间过长，还需要等待main.js执行完之后再加载。考虑把previw.

介绍在Vue项目中使用Vite进行打包优化的多种方法，包括打包体积分析、文件分类输出、JS模块最小化拆分、代码压缩、剔除console和debugger、文件压缩、图片压缩、CDN加速、按需加载等

前言 本篇文章是笔者在使用 vue3 + vite 实际开发过程中的一些经验分享，涵盖 vite 构建优化配置项的实践，以及一些开发中实用技巧的分享。 gzip 压缩 未开启压缩时：通过vite打包之

在项目中使用 rollup-plugin-visualizer 插件可以生成可视化的代码分析报告，看看哪些模块占用了空间，帮助我们更好地了解构建过程中的文件大小、依赖关系等信息。

首先收下为什么要优化？ 首先思考我们可以从哪些点入手： 业务代码 第三方包 业务代码 业务代码又可以细分三个领域 页面开发 路由（按需加载） 全局组件 页面开发 假如我们开发了一个a页面，然后这个页面

vite的插件推荐+vite环境基础配置+vite打包项目的常用优化；vite的插件推荐+vite环境基础配置+vite打包项目的常用优化；

哈喽，大家好，消失了一段时间，最近去学习了一下用vite打包时的一些优化点，我个人觉得还是蛮常用的，一般都用的上，在这里给大家分享一下

背景 随着前端技术的不断发展，网页应用程序变得越来越复杂，并且需要更多的资源来加载和运行。在使用 Vue2 构建的项目中，打包后的文件大小可能会非常大。 我的一个可视化系统项目，文件约1302个、有效