欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Vue项目-webpack打包

程序员文章站 2022-05-30 16:38:21
...

Vue项目打包

1.通过git 输入如下命令:

npm  run  build

运行打包命令:注意 build 并不是固定写法,若想修改,可以自行在package.json文件中修改。
运行打包命令成功后,就会生成一个dist文件夹,直接将该文件丢到需要服务器即可上线。
注意:打包时,在项目的index.js(入口文件)文件中,axios的默认URL需要改成服务器的地址。

2.如果想在自己电脑上,查看项目打包情况,可通过git运行如下代码:

npm  install    -g  serve     //安装本地服务  

安装完之后再次运行:

serve  -s  dist(打包文件夹名称)  //  通过本地服务启动项目

之后就可以通过提示进行访问项目了。

相关标签: Vue-项目打包