首页 > 其他分享 >介绍一下vite

介绍一下vite

时间:2023-05-29 11:58:09浏览次数:32  
标签:缓存 浏览器 一下 介绍 极大地提高 开发 vite 模块 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 进行强缓存,因此一旦被缓存它们将不需要再次请求。

标签:缓存,浏览器,一下,介绍,极大地提高,开发,vite,模块,Vite
From: https://www.cnblogs.com/kitebear/p/17440031.html

相关文章

  • vite
    劣势优势打包快预打包第三方库预打包通过浏览器去做打包esmodule?webpack迁移到vitemagiccommit(webpack)rollup特性在开发环境中,一个import语句代表一个HTTP请求,正式Vite的devserver来接收这些请求、进行文件转义以及返回浏览器可以正常运行的......
  • 最佳实践:基于vite3的monorepo前端工程搭建
    一、技术栈选择1.代码库管理方式-Monorepo:将多个项目存放在同一个代码库中▪选择理由1:多个应用(可以按业务线产品粒度划分)在同一个repo管理,便于统一管理代码规范、共享工作流▪选择理由2:解决跨项目/应用之间物理层面的代码复用,不用通过发布/安装npm包解决共享问题2.依赖管理-......
  • 数据偏度介绍和处理方法
    偏度(skewness)是用来衡量概率分布或数据集中不对称程度的统计量。它描述了数据分布的尾部(tail)在平均值的哪一侧更重或更长。偏度可以帮助我们了解数据的偏斜性质,即数据相对于平均值的分布情况。有时,正态分布倾向于向一边倾斜。这是因为数据大于或小于平均值的概率更高,因此使得分......
  • Charles(3):Charles的界面介绍
    Charles的界面介绍在发送网络请求的时候,charles工具界面会展示所有发送的请求数据包,如下图展示 快捷图标:扫把按钮   :点击之后可清除抓取到的所有请求图标按钮   :红点亮起说明正在抓取请求,红点展示为灰色说明目前不在抓取请求状态锁按钮    :抓取HTTPS的开开关乌......
  • 源代码管理工具介绍----Github
        源代码管理工具是软件开发中非常重要的工具,它们用于追踪、管理和协调团队成员之间的代码更改。源代码管理工具使开发团队能够跟踪代码的版本历史。这意味着你可以回顾代码的先前状态、比较不同版本之间的差异,并且能够轻松地恢复到先前的工作状态。这对于修复错误、撤销......
  • 无人直播插件介绍
                    无人直播插件介绍 功能介绍:1、利用手机本地视频文件,替换直播摄像头数据输出,直播和视频通话均有效。2、视频自动循环播放3、支持长时视频投放,时长不限。4、使用安装简单,安装即可使用,授权一次即可长期使用。 作用范围:1、有......
  • 2023年5月,记录一下WIN10安装proxypool过程中遇到的一些坑
    这两天要学习python爬虫中的代理池,因此要配置proxypool,过程可以说是一波三折。虽然网上也有很多相关教程,不过一些文章也是比较老了,笔者在配置中也碰上了一些新问题,这里笔者也是分享一下本人解决问题的过程。redis设置首先,我们需要下载一下Redis:下载地址:github.com/tporadowsk......
  • Charles(1):Charles的介绍及安装
    CharlesCharles是在Mac(Charles是跨平台的)下常用的网络封包截取工具,在做移动开发、测试时,我们为了调试与服务器端的网络通讯协议,常常需要截取网络封包来分析。Charles是一个HTTP代理服务器,HTTP监视器,反转代理服务器,当程序连接Charles的代理访问互联网时,Charles可以监控这......
  • git常用命令介绍
    gitmergeGitmerge是一种用于将一个分支的更改合并到另一个分支的操作。示例:A---B---C[master]\D---E---F[feature-branch]在这个示例中,master分支上有三个提交(标记为A、B和C),而feature-branch分支上有三......
  • Debug和release的介绍以及二者的区别
    一、介绍Debug通常称为调试版本,它包含调试信息,并且不作任何优化,便于程序员调试程序。在Debug环境下,我们可以使用调试技巧,如观察监视、内存、反汇编等等。Release称为发布版本,它往往是进行了各种优化,使得程序在代码大小和运行速度上都是最优的,以便用户很好地使用。所以,Debug环境......