Vite 是下一代前端開發和構建工具
- 極快速的服務啟動
- 輕量快速的熱重載
- 豐富的功能
- 優化的構建
- 通用的插件
- 完全類型化的 API
構建打包工具 webpack,Rollup和Parcel 的不同
打包器先構建整個應用后提供服務
Vite 通過依賴和源碼分開(瀏覽器支持 ESM 模塊)
搭建第一個 Vite 項目 (選中自己喜歡的模板即可)
使用 NPM
npm init @vitejs/app my-app
cd my-app
npm install
npm run dev
使用Yarn
yarn create @vitejs/app my-app
cd my-app
yarn install
yarn run dev
其他配置在 vite.config.ts 文件中配置
共享配置
- root
- base
- mode
- resolve
服務器配置
- host
- port
- https
- cors
- hmr
- watch
打包配置
- target
- outDir
- lib
- minify
- write
依賴配置
- entries
SSR 配置
- external
- noExternal