Vue打包发布

1,088 阅读1分钟

1、打包命令

npm run build

打包的位置和build文件夹同级

2、发布分2种方式(一般用第二种方式)

方式一:使用静态服务器工具包

npm install -g server
serve dist 
http://localhost:5000

方式二:使用web服务器(tomcat)

在build/webpack.prod.conf.js中,添加如下配置

output:{
	publicPath: '/xxx/' //打包文件夹的名称
}

重新打包:npm run build 

修改dist文件夹为项目名:xxx 

将xxx拷贝到运行的tomcat的webapps目录下

启动tomcat,访问localhost:8080/xxx