Vite对于Webpack的优势有什么

原创
小哥 3年前 (2022-10-21) 阅读数 119 #js教程
文章标签 webpackVite

什么是Vite

Vite是一种新的前端构建工具
Vite在大型项目开发模式中,打包速度远远高于webpack

为什么Vite可能会这么快

Vite性能优势主要来自于封装工艺的优化。

优化有以下三点

1.快速冷启动

Vite只启动一个静态页面的服务器不会打包所有项目文件代码。服务器根据客户端的请求加载不同的模块进行处理,实现按需加载。


我们所熟悉的是webpack它是在一开始就打包整个项目,然后重新打开它。 dev-server 如果项目很大,包装时间肯定很长。

2.包编译速度

Vite使用esbuild预生成依赖项,而esbuild是用 Go 准备好了, JS 所写的封隔器速度要快得多。

3.热模块更新

对于散热更新问题,Vite采用 立即编译当前修改的文件 方法,与vite缓存机制(http缓存 ==》 Vite内置缓存),加载更新后的文件内容

版权声明

所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除

热门