之前使用react + webpack模式開發時，專案結構多了之后，每次本地開發啟動專案時，毫不夸張的說，大約都要30s左右，所以決定將webpack改為vite， vite的優勢查看vue專案遷移為vite
第一步
搭建react + vite專案目錄結構
npm init vite@latest my-react-app -- --template react
將原有react專案中package.json所用到的安裝包，復制到vite搭建的專案中（下面簡稱vite），并復制src到vite中
復制完成后 執行
npm install
安裝完成后 執行
npm run dev
不出意外，此時介面呼叫會報錯，因此我們也需要配置代理，在vite.config.js中
此時再運行，完美打開頁面，速度也從十幾秒甚至幾十秒到秒開的程度，我這里只用了五百多毫秒，簡直不要太快啊
其次vite在打包體積中的優勢也很明顯，使用react+webpack打包時，打包下來的體積大小為12M左右，壓縮后大概2M; 使用vite打包3M，壓縮后只有600k！！！vite簡直太香了！！！
webpack打包包體積大小
vite打包打包包體積大小
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/319775.html
標籤：其他
上一篇：從CURL回應中抓取特定行
下一篇：js 陣列回圈操作方法