Vue应用程序开发（第2版）课件 第7章Vue脚手架第4节Vite基础.pptxVIP

第7章：Vue脚手架《Vue应用程序开发》

Part17.1快速构建项目Part27.2前端路由Part37.3服务器端数据访问axiosPart47.4Vite基础目录CONTENTSPart57.5章节案例

7.4Vite简介Vite是一个面向现代浏览器的轻量级且快速的Web应用开发工具。它是基于ECMAScript标准原生模块系统（ESModules）实现的，因此能够提供比传统打包构建工具更出色的开发体验。Vite的出现主要是为了解决像webpack这样的工具在开发阶段使用webpack-dev-server时存在的冷启动时间过长以及热更新反应速度慢的问题。

7.4Vite简介Vite由两个主要部分组成：devserver和build。其中，devserver利用浏览器的ESM能力来提供源文件，具有丰富的内置功能并具有高效的HMR。而相较于传统的开发服务器，Vite的开发服务器不需要从入口文件完整解析构建整个应用，而是根据浏览器请求的内容进行按需编译，从而实现了超快速的开发体验。Vite以当前工作目录作为根目录启动开发服务器，当然也可以通过命令行参数来指定一个替代的根目录。如果根目录被改变，你需要将配置文件移动到新的根目录下，因为Vite会同时解析项目根目录下的配置文件（即vite.config.js）。

Vite构建工具

搭建Vite项目示例：步骤