webpack和vite
webpack
会先打包,打包完成后生成一个文件,再启动开发服务器,请求服务器时直接给予打包结果
vite
是直接启动服务器,请求哪个模块就对该模块进行实时编译
webpack原理
通过入口文件找到依赖和模块,然后进行打包,打包完成后会生成打包文件(Bundle 文件)
,生成Bundle 文件后再启动开发服务器

vite原理
vite的核心在于,按需编译和提供服务
- 当页面有请求的时候去启动开发服务器
- 开发服务器去编译所请求的模块
- 编译完成后把编译的结果再传递给开发服务器
