为什么 Vite 的开发服务器启动速度快？

Vite 使用原生 ESM 按需编译源文件，无需打包整个应用，结合 esbuild 预构建依赖，实现毫秒级启动。

如何在 Vite + Vue 3 项目中配置 PWA？

安装 vite-plugin-pwa 并配置 Workbox 参数，设置 runtimeCaching 策略和 manifest.json 即可实现离线能力。

常用策略包括 NetworkFirst（API 数据）、CacheFirst（静态资源）以及 StaleWhileRevalidate（快速响应后台更新）。

技术分享

2026-01-30 1104 阅读晴辰天下

核心观点 Vite 利用原生 ESM 实现极速开发体验，结合 Vue 3 与 vite-plugin-pwa 插件，通过精细化的缓存策略与构建配置，可高效落地高性能离线优先应用。