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函數創建一個應用實例。