前言

我们前端开发人员打包一般指在前台打包，比如一个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，双击