vue参考---vue项目的打包发布

vue参考---vue项目的打包发布

一、总结

一句话总结：

vue项目的打包发布就是用npm run build命令生成dist目录，还是非常简单，打包之后就可以放到服务器上面去了

 

 

二、vue项目的打包发布

博客对应课程的视频位置：

 

1.  打包:

npm run build

2.  发布 1: 使用静态服务器工具包

npm install -g serve serve dist
访问: http://localhost:5000

3.  发布 2: 使用动态 web 服务器(tomcat)
修改配置: webpack.prod.conf.js output: {
  publicPath: '/xxx/' //打包文件夹的名称
}
重新打包:
npm run build
修改 dist 文件夹为项目名称: xxx
将 xxx 拷贝到运行的 tomcat 的 webapps 目录下访问: http://localhost:8080/xxx