最新网站备案教程,微信营销软件免费版,国家备案查询官网入口,水利建设工程网站1、vite在开发阶段没有打包过程#xff0c;直接启动一个服务器 2、请求一个模块到开发服务器 3、开发服务器编译模块#xff0c;根据页面用所需要的依赖去加载文件 4、加载完成后#xff0c;开发服务器把编译的结果返回给页面 这使得提高了我们在开发阶段运行的效率 vite是… 1、vite在开发阶段没有打包过程直接启动一个服务器 2、请求一个模块到开发服务器 3、开发服务器编译模块根据页面用所需要的依赖去加载文件 4、加载完成后开发服务器把编译的结果返回给页面 这使得提高了我们在开发阶段运行的效率 vite是直接启动开发服务器请求哪个模块再对该模块进行实时编译。由于现代浏览器本身就支持ES Moudule会自动向依赖的Module发出请求。 vite成功利用这一点将开发环境下的模块文件作为浏览器要执行的文件而不是像webpack那样进行打包合并。 由于vite在启动的时候不需要打包也就意味着不需要分析模块的依赖不需要编译因此启动速度非常块 当浏览器请求某个模块时在根据需要对模块内容进行编译。这种按需动态编译的方式极大的缩减了编译时间项目越复杂模块越多vite的优势越明显。 在HMR方面当改动一个模块后仅需让浏览器重新请求该模块即可不像webpack那样需要把该模块的相关依赖模块全部编译一次效率更高 当需要打包到生产环境时vite使用传统的rollup进行打包因此vite的主要优势在开发阶段。另外由于vite利用的是ES Module因此在代码中不可以使用CommonJS 参考链接
https://cn.vitejs.dev/guide/why.html
