打包生成dist文件夹并发布到服务器
- 打包生成dist文件夹:
npm run build
- 发布1:使用静态服务器工具包
- 安装serve
- npm install -g serve
- serve dist
- 访问:http://localhost:5000
- 安装serve
发布2:使用动态web服务器(tomcat)
修改配置:webpack.prod.conf.js
output:{ publicPath:'/xxx/' //打包文件夹的名称 }
重新打包:
npm run build
修改dist文件夹的名称为:xxx(和上面的output中的publicPath相同)
- 将xxx拷贝到运行的tomcat的webapps目录下
- 访问:http://localhost:8080/xxx
注意:学习前端的建议用第一步和第二步