升级已有项目到vue-cli 3.0版本

之前有考虑过通过将现有项目进行修改,安装@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之后,是会拷贝到dist\static项目下的,所以,也必须要将static文件夹移到新项目的public文件夹中; 会有放在static目录的,大部分是一些用于下载的,或者是大的图片、库等不需要编译的
2.0脚手架默认生成的静态文件是放在dist/static下,3.0默认升成的静态文件是放在 dist/assets下的,但是对于项目的升级来说,影响不大

发布了94 篇原创文章 · 获赞 29 · 访问量 5万+

猜你喜欢

转载自blog.csdn.net/weixin_41849462/article/details/87917856