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运行了。打开页面没什么问题了。
然后继续干活。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步