一、 vue项目打包
1）vue 项目打包成dist文件夹
通过npm run build命令，实现的效果，打包的内容，会放在一个新增的dist文件夹下
1.图片展示操作步骤 （打开项目，进入含有package.json的目录下，执行npm run build）
注意： 1.默认情况下打包的文件名为默认的dist，如果想修改名字，可以去config-->index.js中修改，
修改完配置，直接重新执行npm run build ，打包完的内容就存放在你修改的名字（DSGWEB）的文件夹中
build:{
index:path:resolve(__dirname,'../DSGWEB/index.html'),
assetsRoot:path.resolve(__dirname,'../DSGWEB')
}
2.在已经生成dist文件的情况下，生成war包
操作步骤：进入dist文件夹cd dist ，执行 jar -cvf web1.war *
如果想生成war文件：可以使用如下命令：jar -cvf web1.war *
如果想查看web1.war中都有哪些文件，可以使用命令：jar -tf web1.war
如果想直接解压web1.war文件，可以使用命令：jar -xvf web1.war
2）vue 项目打包成war包
执行npm run build 原理：npm脚本有pre和post俩个钩子，以build为例，build脚本命令的钩子就是prebuild和postbuild
- "prebuild": "echo I run before the build script",
- "build": "cross-env NODE_ENV=production webpack",
- "postbuild": "echo I run after the build script"
用户执行npm run build的时候，会自动按照下面的顺序执行
npm run prebuild && npm run build && npm run postbuild 因此，可以在这两个钩子里面，完成一些准备工作和清理工作。下面是一个例子
"clean": "rimraf ./dist && mkdir dist",
"prebuild": "npm run clean",
"build": "cross-env NODE_ENV=production webpack"
vue生成war包的操作步骤：
通过修改package.json文件的配置，在配置文件script对象中添加postbuild。
"postbuild": "jar -cvf DSGWEB.war -C DSGWEB/ ."
关于jar -cvf DSGWEB.war -C DSGWEB/ .这一块的介绍，可以参考 blog.csdn.net/yiyihuazi/a…
截图如下：
