升级已有项目到vue-cli3.0版本

原创
小哥 3年前 (2023-05-15) 阅读数 9 #大杂烩

之前有考虑过通过将现有项目进行修改,安装@vue/cli以及相关的包,发现行不通。其实,最简单的方法,就是使用vue-cli 3.0,创建一个新的项目,然后将原有的项目的源码拷到新的项目中即可。

  • 使用vue-cli创建新的项目
  • 删除新项目中 src 下的内容
  • 将原有项目 src 中的源码拷贝到新项目的 src
  • 将原有项目的 index.htmlfavicon.ico 拷贝到新项目的 public
  • 将原有的* static 文件夹 也拷贝到新项目的 public
  • 修改package.json、.babelrc等文件,保持和原有项目一致即可

build之后静态目录存放位置区别:

vue-cli 2.0

vue-cli 3.0

存放在 dist/static

存放于 dist/assets

注意
使用vue-cli 2.x版本创建的项目,放在static下的文件, build 之后,是会拷贝到 diststatic 项目下的,所以,也必须要将static文件夹移到新项目的 public 文件夹中; 会有放在static目录的,大部分是一些用于下载的,或者是大的图片、库等不需要编译的
2.0脚手架默认生成的静态文件是放在 dist/static 下,3.0默认升成的静态文件是放在 dist/assets 下的,但是对于项目的升级来说,影响不大

版权声明

所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除