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

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

基于原生 ES 模块导入方式的Vite开发工具，可以实现闪电般的冷服务器启动，大大减少了程序员在前端开发过程中的时间消耗。