使用 frontend-maven-lugin 打包 vue 成 jar 给 springboot 项目引用
时间: 2024-04-16 18:26:46 浏览: 230
要将Vue应用打包成jar,并在Spring Boot项目中引用,您可以使用frontend-maven-plugin插件来执行这个任务。下面是一些步骤可以帮助您实现这个目标:
1. 在您的Vue项目根目录下创建一个`pom.xml`文件,并添加以下配置:
```xml
<build>
<plugins>
<!-- frontend-maven-plugin配置 -->
<plugin>
<groupId>com.github.eirslett</groupId>
<artifactId>frontend-maven-plugin</artifactId>
<version>1.12.0</version>
<executions>
<!-- 安装 Node.js 和 NPM -->
<execution>
<id>install node and npm</id>
<goals>
<goal>install-node-and-npm</goal>
</goals>
<configuration>
<nodeVersion>v14.17.3</nodeVersion>
<npmVersion>6.14.13</npmVersion>
</configuration>
</execution>
<!-- 安装 Vue 依赖 -->
<execution>
<id>npm install</id>
<goals>
<goal>npm</goal>
</goals>
<configuration>
<arguments>install</arguments>
</configuration>
</execution>
<!-- 执行 Vue 打包 -->
<execution>
<id>npm run build</id>
<goals>
<goal>npm</goal>
</goals>
<configuration>
<arguments>run build</arguments>
</configuration>
</execution>
</executions>
</plugin>
</plugins>
</build>
```
请注意,您需要根据您的项目需求调整`nodeVersion`和`npmVersion`的版本号。
2. 打开终端并导航到您的Vue项目根目录,运行以下命令将Vue应用打包:
```shell
mvn clean install
```
这个命令将触发frontend-maven-plugin插件的执行,它将安装Node.js和NPM,安装Vue依赖,并执行Vue打包。
3. 打包成功后,您将在`target`目录下找到生成的jar文件。将该jar文件复制到您的Spring Boot项目中,并将其作为依赖添加到Spring Boot项目的`pom.xml`文件中。
```xml
<dependency>
<groupId>your.groupId</groupId>
<artifactId>your-artifactId</artifactId>
<version>your-version</version>
<scope>runtime</scope>
</dependency>
```
请记得将`your.groupId`、`your-artifactId`和`your-version`替换为您实际的值。
4. 在Spring Boot项目中,您可以使用`org.springframework.boot.autoconfigure.web.servlet.WebMvcAutoConfiguration`类中的`addResourceHandlers()`方法来配置静态资源的处理。添加以下代码:
```java
@Configuration
public class WebConfig implements WebMvcConfigurer {
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("/static/**")
.addResourceLocations("classpath:/static/")
.setCachePeriod(0);
}
}
```
这将使Spring Boot能够正确地处理静态资源路径。
现在,您可以重新构建并运行Spring Boot项目,Vue应用将作为静态资源打包在jar中,并能够在Spring Boot应用中访问。
请注意,这只是一种将Vue应用打包成jar并在Spring Boot项目中引用的方法。根据您的具体需求和项目结构,可能需要进行一些调整和修改。
阅读全文