本文介绍了几种前端打包优化策略，如使用 visualizer 可视化分析、manualChunks 分包、 去除console语句、压缩代码和通过 CDN 加载外部库，大幅提升了应用的加载性能。

本篇文章主要讲解如何配置 Vite 如官网所说，Vite 是一种新型前端构建工具，能够显著提升前端开发体验，它主要由两部分组成： 一个开发服务器和一套构建指令

声明：本文为稀土掘金技术社区首发签约文章，30天内禁止转载，30天后未获授权禁止转载，侵权必究！ vite 到底是什么 说起vite 很多jym可能非常熟悉，并且脱口而出，不就是vue脚手架吗？ 我说

最近发现项目首次加载特别慢，原来是打包出来的文件太大的原因。 项目技术栈：vue3 + vite + ts + ant design vue 既然这样，那就开始打包优化吧。打包分析，结果如下： 第一步

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

不知道有没有这样的兄弟，学习 Vite 的时候，官网上各种配置看的是眼花缭乱。不知道哪些需要掌握，哪些只用简单了解一下。为了提高大家的效率，我把日常开发中常用的配置梳理了一下分享给大家！

记一次关于前端页面加载 vite 打包优化的分享，涉及性能点分析， chrome 调试工具的使用，vite 相关打包插件的配置，希望看完对大家优化自己的项目有所帮助

一次 webpack 到 vite 的失败迁移体验。`Vite` 经过一段时间的发展，目前的生态已经非常丰富了。所以就着手把项目的 `Webpack` 替换为 `Vite`。

本文为从零单排系列文章的第三篇，也是目标三，我们将基于vite实现多入口打包插件，并将它发布到npm，同时为第四个目标做准备