前言 当我们进行前端开发项目的时候都需要一些构建工具，像 Webpack、Rollup、Snowpack、Vite 等构建工具，而在 Vue3 的官方文档中的创建应用例子使用了 Vite，那么问题来了

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

这篇文章介绍了项目搭建的步骤，然后讲解了业务场景中的代码打包差异，并提出了打包优化的两个点。接着详细介绍了如何将第三方依赖库和业务代码单独打包成不同的js文件，并提出了手动填写第三方库的缺点。

前文 今天我们来一起学习如何配置Vite4中的vite.config.js文件，实现首屏加载优化 一、安装打包视图分析工具 1.安装 在vite.config.js中引入 rollup-plugin-