vite + vue3 + vant3 + php + vue-element-admin 一套前后端項目開發流程


今天第一次使用vite + vue3寫項目,使用vite開發時挺好的,但是在打包的時候就難受了。vite build速度太慢了。

剛才始使用的是npm init @vitejs/app my-vue-app -- --template vue創建的項目。

后台想了一下,打包使用webpack是否可以呢。然后就開始搗鼓着把webpack引入到項目中,搞來搞去結果一起跑不起來。

然后干脆換一種思路,先用vue-cli創建項目,vue create hello-world,然后再引入vite,這樣是否可以使用vite開發,使用webpack打包呢。

說干就干。

在使用vue-cli創建項目后,安裝了vite、@vitejs/plugin-vue等等,運行vite時打開頁面顯示404。然后就一頓百度,發現了個厲害的工具wp2vite

什么是wp2vite,官方解釋:一個讓webpack項目支持vite的前端項目的轉換工具。https://github.com/tnfe/wp2vite

使用npm install wp2vite -g全局安裝了一下,然后在項目根目錄運行wp2vite,然后就可以使用npm run vite-start運行了。打開頁面沒什么問題了。

然后繼續干活。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM