构建工具 vite 子项目：Vite2+Vue3 项目的打包与 SEO 优化

一、Vite 是构建工具子项目的新一代选择

Vite 的冷启动速度比 Webpack 快数十倍，打包产物更精简，能减少页面加载时间，同时其插件生态丰富，可快速实现 SEO 相关的打包配置。

11.1 Vite 打包的 SEO 优势

Vite 的打包产物无冗余代码，爬虫解析更高效；且支持按需编译，能快速迭代优化 SEO 内容。

二、Vite2+Vue3 的打包 SEO 配置

①安装 vite-plugin-html 插件，动态注入 title 和 meta 标签；

②配置 Vite 的 base 路径适配服务器部署；

③优化静态资源的输出路径（如图片存至 CDN）。

三、Vite 打包后的 SEO 验收

用 Lighthouse 检测打包后页面的性能和 SEO 评分，用 Search Console 查看页面的收录状态，针对问题调整 Vite 配置。