vite是新一代前端构建工具,vite具有优势如下:
- 轻量快速的热重载(HMR),能实现快速的服务启动。
- 对TypeScript、JSX、CSS等支持开箱即用。
- 真正的按需编译,不再等待整个应用编译完成。
- webpack构建与vite构建对比图如下:
搭建第一个 Vite 项目:Vite 需要 Node.js 版本 18+ 或 20+。
$ npm create vite@latest
在你的项目中,可以用以下方法来安装 vite 命令行工具:
$ npm install -D vite
- 在vite项目中,index.html是项目的入口文件,在项目最外层。
- 加载index.html后,Vite解析指向的JavaScript。
- vew3中通过createApp函数创建一个应用实例。