今天第一次使用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運行了。打開頁面沒什么問題了。
然后繼續干活。