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运行了。打开页面没什么问题了。

然后继续干活。