大家好，我是柒八九。 由于，新公司的项目打包是用的Vite，而之前的所参与的项目都是用Webpack作为打包工具，原来对Vite的了解，只是一个把玩工具，没有过多的深入了解。本着干一行，爱一行的职业态

b端项目，前期工期短，性能优化上的工作延后处理，项目第一期上线后，着手优化。 # build 视图分析依赖文件 vite使用rollup-plugin-visualizer插件,分析依赖文件 优化前,

@TOC 写在前面 vue项目在线下环境开发完成后，我们就需要项目的打包上线了，除了要知道打包命令npm run build 之外，我们还要知道项目整体文件依赖情况，web访问加载速度等概念，包括首屏

由于 vue3.2 版本的发布，`<script setup>` 的实验性标志已经去掉，已经陆陆续续有不少公司开始使用 `vue3.2`开发项目了。这篇文章就来帮助大家如何快速使用 `vue3.x`

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