通常vue项目是打包后直接放在nginx容器下，但有时会由于某些原因，需要将前端项目布署到其他容器下，比如weblogic等，这时我们就需要将项目打包成war包，具体操作方法如下：

1. 环境准备

1.1 前端环境准备

前端项目在本地运行于 node 环境下，需要安装 node.js 开发环境，以及对应开发工具等。

1.2 后端环境准备

这里我们使用的是 java 命令打 war 包，所以还需要安装 java 开发环境：安装 JDK 并配置好环境变量。

2. 安装依赖

下载代码到本地后执行 npm install 安装相应依赖。

npm install

3. 构建项目

执行 npm run build 构建项目，会在项目根目录生成 dist 目录，构建后的文件都在此目录下。

npm run build

4. 打 war 包

执行如下命令打war包，由于打 war 包需要用到 jar 命令，需要事先安装好 jdk 并配置 java 环境变量。

cd ./dist
jar -cvf dist.war *

dist 为文件名，可自行修改，打包完成后会在 dist 目录下生成对应的 war 包文件。

5. 其他打包方式

也可以使用其他方式打包，比如 webpack 的插件库中提供了一个叫 webpack-war-plugin 的插件，可以很便捷的做到这一点。

npm install -D webpack-war-plugin

vue项目如何打war包相关推荐

mvn打包并部署本地tomcat_Maven项目打包成war包部署到Tomcat的方法
Maven项目打包成war包部署到Tomcat的方法有关于 Maven 项目的打包部署,我这里用的是 Eclipse 编辑器,以此来做个简单的记录. 实践环境操作系统: Windows IDE: ...
idea将web项目打包成war包并部署到服务器上运行
idea将web项目打包成war包并部署到服务器上运行以下是工作案例总结: 1.首先idea配置服务器:tomcat服务器或者jetty服务器均可 2.idea配置环境设置:点击如下图标接下来如下 ...
web项目怎么打成war包
web项目怎么打成war包呢,最近也是刚开始生成war,总结了几种方法: 1.开发工具:现在的开发工具都能直接把项目导出war包,这里只是为了记录有该方法,具体实现百度查一下很多. 2.直接压缩:to ...
idea将项目导出为war包
idea 那么好用,早就把eclipse抛弃了.不过每次都是在给项目发包的时候,不得不重新打开eclipse导出为war包.感觉自己蠢蠢的.上网查了一下教程,按照网上的教程设置好了之后,运行项目发现并 ...
IDEA中如何将Web项目导出成war包形式
前言之前使用Eclipse直接export就能将web项目导出成war包形式,IDEA中则需要简单配置一下详解 1.首先选择你要打包的项目,然后点击File–>ProjectStructur ...
使用idea创建springboot项目并打成war包发布到weblogic上...
部署tomcat也是类似的,但是需要注意项目配置的路径,或者直接将项目放到webapp的ROOT目录下. 使用工具:intelliJ IDEA2016.3, jdk1.8 ,weblogic12 一 ...
【IneliJ 】使用IneliJ IDEA 2016将Java Web项目导出为War包
本文记录使用IDEA导出war包的过程以及碰到问题的解决办法虽说现在改用IDEA进行开发了,但还是用eclipse打war包 -.囧这样下去不是办法... 于是今天就试着使用IDEA进行打包. 项 ...
eclipse对maven项目进行打war包
1. 利用pom.xml进行打包右键项目名称或者pom.xml文件,选择debugAS或者runAS,选择maven install执行成功之后日志会打印输出位置 2. 使用命令打包右键项目名称, ...
IDEA中如何将一个JavaWeb项目打包成war包
一.war包目录结构介绍. 1.Java的打包方式jar.war.ear包的作用.区别: jar:通常是开发时要引用通用(JAVA)类,打成包便于存放管理: war:是做好一个(web)应用后,通常是 ...

vue项目如何打war包