介绍一下vite

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 进行强缓存,因此一旦被缓存它们将不需要再次请求。

posted @ 2023-05-29 11:40  kitebear  阅读(83)  评论(0编辑  收藏  举报