# 《深入浅出vite》学习
# 快速上手:如何用vite从零搭建前端项目?
- 需要注意的是,在
Vite
项目中,一个import
语句即代表一个HTTP
请求。上述两个语句则分别代表了两个不同的请求,Vite Dev Server
会读取本地文件,返回浏览器可以解析的代码。当浏览器解析到新的import
语句,又会发出新的请求,以此类推,直到所有的资源都加载完成。
现在,你应该知道了
Vite
所倡导的no-bundle
理念的真正含义: 利用浏览器原生ES
模块的支持,实现开发阶段的Dev Server
,进行模块的按需加载,而不是先整体打包再进行加载。相比Webpack
这种必须打包再加载的传统构建模式,Vite
在开发阶段省略了繁琐且耗时的打包过程,这也是它为什么快的一个重要原因。