这篇博客详细介绍了如何将前端Vue项目打包为后台所需的war包。首先通过npm run build进行前端打包，生成dist文件夹。接着，在新建的Tomcat项目中，将dist文件夹内容复制到src/main/webapp目录下。然后使用IDEA打开项目，通过Maven的install命令进行打包，最终在target目录下得到war包。这个过程便于前端项目与后端的配合部署。
前言
我们前端开发人员打包一般指在前台打包，比如一个vue项目，运行打包命令npm run build。这个是基于Node.js来打包运行的。项目线上环境是没有node的，所以为了配合后端有时要将项目打成后台需要的war包。
步骤
1、还是先运行npm run build,生成dist文件夹
2、新建一个tomcat项目，并安装maven,创建过程可网上搜索
3、项目创建好后，找到src/main/webapp文件夹，将之前前台打包后生产的dist文件夹内的文件复制到这里。
4、用idea软件打开新建的tomcat项目,在控制台运行maven命令即可打包，成功后会在项目根目录下生成一个target文件夹，此文件夹内会包含一个以项目名命名的war包
5、或者在idea内找到maven管理，Lifecycle下的install，双击
440
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
