Vite 不是基于 Webpack 的工具,而是一个基于 Rollup 的工具,用于快速构建现代化的 Web 应用程序。
Vite 采用了类似 Vue.js 的单文件组件(SFC)的开发模式,支持 Vue 3、React、Preact、Svelte 和 LitElement 等前端框架。同时,它通过利用浏览器原生 ES 模块机制,在开发过程中极大地提高了开发体验和编译速度。
Vite 的核心思想是快速启动和热更新,它通过利用现代浏览器原生支持的 ES 模块机制来实现快速开发和构建,同时提供了高效的热更新和按需编译的能力。相比于传统的打包工具,Vite 更快、更轻量级,极大地提高了开发效率。
通过可插拔的插件架构,Vite 可以很方便地扩展功能,例如支持 TypeScript、CSS 预处理器等特性。同时,Vite 还具有良好的生态,有很多优秀的第三方插件和工具类库。
总之,Vite 是一个现代化的前端构建工具,特色是快速启动和高效开发,极大地提高了前端开发的效率和体验。
Vite 同时利用 HTTP 头来加速整个页面的重新加载(再次让浏览器为我们做更多事情):源码模块的请求会根据 304 Not Modified
进行协商缓存,而依赖模块请求则会通过 Cache-Control: max-age=31536000,immutable
进行强缓存,因此一旦被缓存它们将不需要再次请求。