一文讲清楚vue项目中有vue.config.js文件还是webpack相关配置的config文件夹的问题、vue-cli版本相关问题

文章讨论了在接手React项目时,发现其使用config文件夹而不是Vue项目的Vue.config.js。作者揭示了VueCLI版本升级对项目配置文件变化的影响,包括vue-cli2到vue-cli4.5之间的区别以及如何选择Vue版本进行初始化。
摘要由CSDN通过智能技术生成

事情是这样的,领导发过来一份react版本的项目,让我对比比较下vue项目的目录结构,旨在整理一份通用的项目结构。然后我拿到项目,第一眼就看到这个很明显的差异,这个项目有config文件夹。而vue项目,因为之前有学习vue3,所以本地vue-cli版本早已经是高版本的,创建的项目也都是只含有vue.config.js的文件。
我当时也是有点恍惚的。记得早期开发vue项目的时候,明明也是config文件显示定义webpack相关的配置的。怎么现在就没有了呢,智能到有特殊配置才在vue.config.js里配置。于是,我就开启了,vue-cli相关的探索之路。
写此篇的目的,一是记录下自己的学习成果,以便后面方便查看;二是分享给前端的朋友,一起学习、进步,有什么不对的,也欢迎你们加以指正。
现,奉上成果:
造成这一差异的原因,就是vue-cli版本高低的原因导致的。具体如下:

  1. vue-cli2只能利用vue init webpack app命令初始化vue2.x的项目。
  2. vue-cli3~vue-cli4.5之间时,可以利用vue create app初始化vue2.x的项目,不能初始化vue3.x,因为vue-cli脚手架版本4.5以上对应的才是vue3。
  3. vue-cli4.5以上时,可以利用vue create app初始化vue2.x或者也vue3.x的项目,两者都可以在初始化时,自行选择vue的版本。

如有不妥,欢迎指正,谢谢~~

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值