推荐星级:
  • 1
  • 2
  • 3
  • 4
  • 5

Vite-新一代前端构建工具

更新时间:2026-06-10 08:02:23 大小:15K 上传用户:潇潇江南查看TA发布的资源 标签:前端构建 下载积分:2分 评价赚积分 (如何评价?) 打赏 收藏 评论(0) 举报

资料介绍

一、什么是Vite

Vite(法语意为 "快速",发音/vit/)是一种新型前端构建工具,由Vue作者尤雨溪在2020年正式推出,能够显著提升前端开发体验。它主要由两部分组成:

1. 开发服务器:基于原生 ES 模块提供了丰富的内建功能,比如速度快到惊人的模块热更新(HMR

2. 构建命令:使用 Rollup 打包你的代码,并且它是预配置的,可输出用于生产环境的高度优化过的静态资源

和传统的构建工具Webpack相比,Vite最核心的特点就是,这种快贯穿开发到生产的整个流程,解决了前端项目体积越来越大之后,传统构建工具启动慢、更新慢的痛点。

二、Vite为什么这么快

Vite的快来自于它底层架构的全新设计,和传统构建工具的工作逻辑有本质区别:

1. 开发阶段:跳过打包,按需编译

传统构建工具(比如Webpack)的开发模式,需要先把整个项目的所有模块打包打包成一个bundle,然后才能启动开发服务器,项目越大,启动时间就越长。

Vite在开发阶段直接使用浏览器支持的原生ES Module,不需要把所有模块提前打包:浏览器会直接按照import语句发起请求获取模块,Vite只需要在浏览器请求的时候动态编译对应的模块,需要哪个就编译哪个,完全不需要处理没有用到的代码。这种按需编译的模式,让Vite的项目启动时间几乎和项目体积无关,哪怕是大型项目也能做到秒开。


部分文件列表

文件名 大小
Vite-新一代前端构建工具.docx 15K

【关注公众号领20积分】

全部评论(0)

暂无评论

上传资源 上传优质资源有赏金

  • 打赏
  • 30日榜单

推荐下载