升级已有项目到vue-cli 3.0版本
之前有考虑过通过将现有项目进行修改,安装@vue/cli以及相关的包,发现行不通。其实,最简单的方法,就是使用vue-cli 3.0,创建一个新的项目,然后将原有的项目的源码拷到新的项目中即可。使用vue-cli创建新的项目删除新项目中src下的内容将原有项目src中的源码拷贝到新项目的src中将原有项目的index.html及favicon.ico拷贝到新项目的public中...
·
之前有考虑过通过将现有项目进行修改,安装@vue/cli以及相关的包,发现行不通。其实,最简单的方法,就是使用vue-cli 3.0,创建一个新的项目,然后将原有的项目的源码拷到新的项目中即可。
- 使用vue-cli创建新的项目
- 删除新项目中
src
下的内容 - 将原有项目
src
中的源码拷贝到新项目的src
中 - 将原有项目的
index.html
及favicon.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
下的,但是对于项目的升级来说,影响不大
更多推荐
已为社区贡献10条内容
所有评论(0)